一、什么是jQuery选择器 jQuery选择器继承了CSS与Path语言的部分语法，允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择，而不必担心浏览器的兼容性，通过jQuery选择器对页面元素的精准定位，才能完成元素属性和行为的处理。 二、jQuery选择器的优势
代码更简单；
支持CSS1到CSS3选择器；
完善的机制处理
三、jQuery选择器
jQuery选择器分类示意图：
jQuery选择器分类示意图
1.基本选择器
jQuery选择器中使用最多的选择器，它由元素id、class、元素名、多个元素符组成。
功能表如下：
基本选择器
例1：CSS样式：<button id="btn" class="btn1">按钮</button>
使用如下：
console.log($("#btn"));
console.log($(".btn1"));
console.log($("*"));
console.log($("button"));
console.log($("#btn,.btn1,button"));
2.层次选择器 通过DOM元素间的层次关系来获取元素，主要层次关系包括父子、后代、相邻、兄弟关系。 功能表如下： 层次选择器
说明 例2：CSS样式如下：
<ul>
<li>1</li>
<li>2
<ol>
<li>11</li>
<li>22</li>
<li>33</li>
</ol>
</li>
<li class="li3">3</li>
<p>0000</p>
<li>4</li>
</ul>
使用如下：
console.log($("ul li"));
console.log($("ul>li"));
console.log($(".li3+"));
console.log($(".li3~li"));
3.过滤选择器 （1）简单过滤选择器 过滤选择器是根据某类过滤规则进行元素的匹配，书写时都以(:)开头；简单过滤是使用最广泛的一种。 功能表如下： 简单过滤选择器 例3：CSS样式如下：
<ul>
<li>1</li>
<li>2
<ol>
<li>11</li>
<li>22</li>
<li>33</li>
</ol>
</li>
<li class="li3">3</li>
<p>0000</p>
<li>4</li>
</ul>
使用如下：
console.log($("ul>li:first"));
console.log($("ul>li:last"));
console.log($("ul>li:even"));
console.log($("ul>li:odd"));
console.log($("ul>li:gt(1)"));
console.log($("ul>li:lt(1)"));
console.log($("ul>li:eq(1)"));
console.log($("ul>li:not(.li3)"));
