选择器是jQuery的根基，在jQuery中，遍历DOM、事件处理、CSS控制、动画设计和AJAX操作都依赖于选择器

1、jQuery选择器介绍和优势

jQuery选择器采用CSS和Xpath选择器语法规范，能够满足用户在DOM中快速匹配元素或元素集合。它有如下优势：

• 简化代码书写
• 完善的支持。支持不同CSS版本和不同类型浏览器
• 完善的处理机制。jQuery选择器的核心依然是JavaScript的原生方法，如getElementById()和getElementsByTagName()等方法，但是封装了原生方法的使用，简化了代码书写又避免了易错问题

jQuery选择器返回值均是一个伪数组对象，如果没有匹配元素，则会返回一个空的伪数组对象，因此判断一个jQuery对象是否存在，要使用数组长度来判断。

if($('tr').length > 0) {
   // 处理代码
}

而不要使用

if($('tr')) {
   // 处理代码
}

jQuery选择器分为基本选择器、结构选择器、过滤选择器、属性选择器以及表单选择器等。

2、基本选择器

• ID选择器

var element = document.getElementById('id')等价于jQuery("#id")

• 类型选择器

var elements = document.getElementsByTagName('tagName')等价于jQuery("tagName")

• 类选择器

var elements = document.getElementsByClassName('className')等价于jQuery(".className")

• 通配选择器

var elements = document.getElementsByTagName('*')等价于jQuery("*")

• 分组选择器

jQuery("selector1, selector2, selectorN")

3、结构选择器

结构选择器就是根据HTML文档结构中节点之间的包含或并列关系决定匹配元素的一种方法，jQuery模仿CSS的关系过滤模式定义了4个关系选择器，同时还根据包含关系，自定义了4个子元素选择器。

层级选择器

层级选择器能够根据元素之间的结构关系进行匹配操作，主要包含选择器、子选择器、相邻选择器和兄弟选择器：

子元素选择器
子元素选择器就是通过与当前匹配元素选择该元素包含的特定子元素。子元素选择器包含四种类型：

4、过滤选择器

过滤选择器主要通过特定的过滤表达式来筛选特殊需求的DOM元素，过滤选择器的语法形式与CSS的伪类选择器的语法格式相同，即以冒号作为前缀标识符。

定位过滤器
定位过滤器主要是根据编号和排位筛选特定位置上的元素，或者过滤掉特定元素。

内容过滤器
内容过滤器主要根据匹配元素所包含的子元素或者文本内容进行过滤

可见过滤器
可见过滤器就是根据元素的可见或者隐藏来进行匹配的

5、属性选择器

属性选择器主要根据元素的属性及其属性值作为过滤的条件，来匹配对应的DOM元素。属性选择器都是以中括号作为起止分界符，如[attribute]，与伪类选择器特征都比较明显，jQuery定义了7中属性选择器

6、表单选择器

表单是页面中使用频率较高的元素之一，为了方便用户灵活操作表单，jQuery专门定义了表单选择器，使用表单选择器可以方便获取表单中某类表单域对象

基本表单选择器
jQuery定义了一组伪类选择器，利用他们可以获取页面中的表单类型元素

高级表单选择器
jQuery根据表单域特有的特定定义了4个表单属性选择器，这些选择器与基本表单选择器不同，它们可以选择任何类型的表单域，因为它主要根据表单属性来进行选择

7、jQuery选择器优化

正确使用选择器引擎对于页面性能起了至关重要的作用。使用合适的选择器表达式可以提高性能、增强语义并简化逻辑。在传统用法中，最常用的是ID选择器、类(Class)选择器和类型选择器，其中速度最快的是ID选择器，使用了JavaScript中的内置函数getElementById()。其次是类型选择器，使用了JavaScript中的内置函数getElementsByTagName()。速度最慢的是Class选择器，其需要通过解析HTML文档树，并且需要在浏览器内核外递归，这种递归遍历是无法被优化的。

基于以上问题，在使用jQuery应注意以下问题：

• 多用ID选择器
• 少直接使用Class选择器。可以使用复合选择器，摒除表达式中的冗余部分，对于不必要的复合表达式进行简化
• 多用父子关系，少用嵌套关系。如使用parent > child代替parent child
• 缓存jQuery对象

低效的用法：

for (i = 0; i < 100; i++) {
  var myList = $('.myList');
  myList.append(i);
}

使用下面的先缓存jQuery对象，则执行效率会大大提高

var myList = $('.myList');
for (i = 0; i < 100; i++) {
  myList.append(i);
}

8、使用原生选择器

Selectors API是由W3C发起指定的一个标准，致力于让浏览器原生支持CSS查询。DOM API模块的核心是两个方法：querySelector()和querySelectorAll()。这两个方法能够根据CSS选择器规范，便捷定位文档中指定元素，前者返回的是一个元素对象，后者返回的是一个元素集合。

Document、DocumentFragment、Element都实现了NodeSelector接口，即这三种类型的节点都拥有querySelector()和querySelectorAll()方法。