jQuery

.什么是jQuery？

jQuery是一个优秀的JavaScript库，是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念：write less,do more.

二、jQuery的特性
jQuery能做以下事情：

HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities

jQuery介绍
1.jQuery的使用方式
下载后引入

<script src="jquery-3.3.1/jquery-3.3.1.min.js"></script>

3.jQuery函数
jQuery库只提供了一个叫jQuery的函数，该函数中以及该元素的原型中定义了大量的方法。jQuery函数具有四种参数

 1）选择器（字符串）
         jQuery函数通过该选择器获取对应的DOM，然后将这些DOM封装到一个人jQuery对象中并返回。
         
      2）DOM对象（即Node实例）
          jQuery函数将该DOM封装成jQuery对象并返回。
          
      3）HTML文本字符串
          jQuery函数根据传入的文本创建好HTML元素并封装成jQuery对象并返回。
           $("<div class="one">one</div>");

      4）一个匿名函数    
          $(function(){});
          当文当加载完毕之后jQuery函数调用匿名函数。
1.基本过滤器：

  selector:first  获取所有已选择到的元素中的第一个元素
  selector:last   获取所有已选择到的元素中的最后一个元素
  selector:even    获取所有已选择到的元素中的索引为偶数的元素
  selector:odd     获取所有已选择到的元素中的索引为奇数的元素
  selector:eq(index) 获取所有已选择到的元素中的索引为index的元素
  selector:lt(num)   获取所有已选择到的元素中的索引值小于num的元素
  selector:gt(num)   获取所有已选择到的元素中的索引值大于num的元素
  selector1:not(selector2)  获取所有已选择到的元素中的除了selector2的元素
  selector:header   获取所有已选择到的元素中的标题元素(h1~h6)    

2.内容过滤器：

 selector:contains(text) 
            获取所有已选择到的元素中文本包含text的元素
  selector:empty   
            获取所有已选择到的元素中的空元素(没有子节点)
  selector:parent  
            获取所有已选择到的元素中的非空元素(有子节点)，如$("div:parent");
  selector1:has(selector2)  
            获取所有已选择到的元素中包含selector2的元素，如$("div:has('span')");