jQuery选择器

选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM和Ajax操作都依赖于选择器, jQuery的行为规则都必须在获取到元素后才能生效。

jQuery选择器分为：

• 基本选择器 ；
• 层级选择器 ；
• 常用伪类选择器:可以看作是一种特殊的类选择符;

1.jQuery基本选择器

包括ID选择器，标签选择器，类选择器，通配选择器和组选择器5种

• a. ID选择器： $("#id") 根据给定的ID匹配一个元素。 如果选择器中包含特殊字符，可以用两个反斜杠转义。
• b. 标签选择器：$("element") 根据给定的元素名匹配所有元素
• c. 类选择器：$(".className") 根据给定的类匹配元素。
• d. 通配选择器：$("*") 匹配指定上下文中所有元素
• e. 组选择器：$(“selector1,selector2,selectorN”) 特点：无数量限制，以逗号分隔 (逐个匹配，并将匹配到的元素合并到一个结果内返回)

2.层级选择器:通过DOM的嵌套关系匹配元素

jQuery层级选择器----包含后代选择器、子选择器、相邻选择器、兄弟选择器4种

• a.包含选择器：$("a b")在给定的祖先元素下匹配所有后代元素。 (不受层级限制)
• b.子选择器：$("parent > child") 在给定的父元素下匹配所有子元素
• c.相邻选择器：$(“prev + next”) 匹配所有紧接在prev元素后的next元素。等同于next()方法
• d.兄弟选择器：$(“prev ~ siblings”) 匹配prev元素之后的所有sibling元素。等同于nextAll()方法

3.常用伪类选择器

选择器说明:first匹配找到的第1个元素:last匹配找到的最后一个元素:eq(index)匹配一个给定索引值的元素:even匹配所有索引值为偶数的元素:odd匹配所有索引值为奇数的元素:gt(index)匹配所有大于给定索引值的元素:lt(index)匹配所有小于给定索引值的元素:not去除所有与给定选择器匹配的元素

<table><tr><th>指定范围选择器</th><th>描述</th></tr><tr><td>:first</td><td>匹配找到的第一个元素</td></tr><tr><td>:last</td><td>匹配找到的最后一个元素</td></tr><tr><td>:even</td><td>匹配所有索引值为偶数的元素</td></tr><tr><td>:odd</td><td>匹配所有索引值为奇数的元素</td></tr><tr><td>:gt(index)</td><td>匹配所有索引大于给定索引值的元素</td></tr><tr><td>:lt(index)</td><td>匹配所有索引小于给定索引值的元素</td></tr><tr class="trNot"><td>:not()</td><td>匹配所有索引小于给定索引值的元素</td></tr></table>