jQuery教程

下载

• Production version - 用于实际的网站中，已被精简和压缩。
• Development version - 用于测试和开发（未压缩，是可读的代码）

引用：

放在 里面

1. 本机：网络加载的jQuery可减少加载时间
   <script src="jquery-1.10.2.min.js"></script>
   Staticfile CDN:
   <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
2. 百度CDN：
   <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
3. 又拍云：
   <script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
4. 新浪：
   <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
5. Google（不稳定）：
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
6. Microsoft：
   <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>

语法规则

• 基础语法： $(selector).action()
• 美元符号定义 jQuery() <=> $()
• 选择符（selector）"查询"和"查找" HTML 元素
• jQuery 的 action() 执行对元素的操作

实例:

• $(this).hide() - 隐藏当前元素

• $("p").hide() - 隐藏所有

  元素

• $("p.test").hide() - 隐藏所有 class="test" 的

  元素

• $("#test").hide() - 隐藏 id="test" 的元素

• $("*") 选取所有元素

• $(this) 选取当前 HTML 元素

• $("p.intro") 选取 class 为 intro 的

  元素

• $("p:first") 选取第一个

  元素

• $("ul li:first") 选取第一个

  元素的第一个
  • 元素

  • $("ul li:first-child") 选取每个

    元素的第一个
    • 元素

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

    • $("a[target='_blank']") 选取所有 target 属性值等于 "_blank" 的 元素

    • $("a[target!='_blank']") 选取所有 target 属性值不等于 "_blank" 的 元素

    • $(":button") 选取所有 type="button" 的 元素 和 元素

    • $("tr:even") 选取偶数位置的 元素

    • $("tr:odd") 选取奇数位置的 元素

    文档加载后运行脚本

    所有 jQuery 函数位于一个 document ready 函数中（了防止文档在完全加载（就绪）之前运行 jQuery 代码）：

    $(document).ready(function(){
       // 开始写 jQuery 代码...
    });
    
    简写：
    $(function(){
       // 开始写 jQuery 代码...
    });
    

    jquery 可放在一个独立文件（.js）中，通过