• juery笔记1


    1. $(this).hide()

    演示 jQuery hide() 函数,隐藏当前的 HTML 元素。

    $("#test").hide()

    演示 jQuery hide() 函数,隐藏 id="test" 的元素。

    $("p").hide()

    演示 jQuery hide() 函数,隐藏所有 <p> 元素。

    $(".test").hide()

    演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。

    2.请注意,<script> 标签应该位于页面的 <head> 部分。

    3.

    如果不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。

    谷歌和微软的服务器都存有 jQuery 。

    如需从谷歌或微软引用 jQuery,可使用以下代码之一:

    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
    </script>
    </head>

    or

    <head>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
    </script>
    </head>

    4.

    jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

    基础语法是:$(selector).action()

      • 美元符号定义 jQuery
      • 选择符(selector)“查询”和“查找” HTML 元素
      • jQuery 的 action() 执行对元素的操作

    5.

    jQuery 使用 CSS 选择器来选取 HTML 元素。

    $("p") 选取 <p> 元素。

    $("p.intro") 选取所有 class="intro" 的 <p> 元素。

    $("p#demo") 选取所有 id="demo" 的 <p> 元素。

    6.

    jQuery 使用 XPath 表达式来选择带有给定属性的元素。

    $("[href]") 选取所有带有 href 属性的元素。

    $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

    $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

    $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

    7.

    可直接改变元素的css属性

    $("p").css("background-color","red");

    8.

    jQuery 事件处理方法是 jQuery 中的核心函数。

    事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。

    通常会把 jQuery 代码放到 <head>部分的事件处理方法中

    9.

    $(selector).hide(speed,callback);
    
    $(selector).show(speed,callback);
    

    可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

    可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

    通过 jQuery,可以使用 toggle() 方法来切换 hide() 和 show() 方法。

    10.

    通过 jQuery,可以实现元素的淡入淡出效果。

    jQuery 拥有下面四种 fade 方法:

    • fadeIn()
    • fadeOut()
    • fadeToggle()
    • fadeTo()
  • 相关阅读:
    更换Ubuntu源为国内源的操作记录
    Dockerfile构建容器镜像
    Nginx负载均衡中后端节点服务器健康检查
    Linux系统下CPU使用(load average)梳理
    android:怎么实现一个控件与另一个指定控件左对齐
    Android Studio一直 Fetching Documentation...
    px、pt、ppi、dpi、dp、sp之间的关系
    Android中如何在代码中设置View的宽和高?
    硬中断与软中断的区别!
    Java 日期时间获取和显示
  • 原文地址:https://www.cnblogs.com/auvxx/p/5399670.html
Copyright © 2020-2023  润新知