jQuery常见的二十五种选择器

//这是我总接的笔记，希望对你们有所帮助

1）#id   根据给定的iD匹配元素                      例：$(#id")

2）class类选择器  根据给定的类匹配元素   例：$(".class")

3）element选择器    根据给定的元素选择       例;$("div")

4）*选择器   选择所有元素                                例：$('*')

5)selevtor1,select2......selectn   将每一个选择器匹配到的元素合并后一起返回  例：$('div span,p span')

6)pav span 获取pav下所有的span标签   例：$('pav span')

7)pav >span 在给定的父元素下匹配所有的子元素但不包含所有后代元素  例：$("div>span')

8)pav+next 匹配所有紧接在 prev 元素后的 next 元素  例：$('div+span')只能获取到div紧邻的span如果没有则什么也不返回

9)pav~div 匹配 prev 元素之后的所有 siblings 元素  例：$('div~span')获取div之后的所有兄弟span的

10）：first匹配找到的第一个元素  例：$('div:first')获取第一个div

11）：last匹配找到的最后一个元素  例：$('div:last')获取最后一个div

12）：   not  去除所有与给定选择器匹配的元素            例：$("input:not(:checked)") 

13）：匹配所有索引值为偶数的元素，从 0 开始计数   例：$("tr:even") 选取所有偶数行

14）：odd匹配所有索引值为奇数的元素，从 0 开始计数   例：$("tr:odd") 选取所有奇数行

15）：eq匹配一个给定索引值的元素  例：$("tr:eq(1)") 匹配等于1的表格

16）：lt匹配所有小于给定索引值的元素  例：$("tr:lt(2)"匹配所有小于2的表格

17）：gt匹配所有大于给定索引值的元素  例：$("tr:gt(2)"匹配所有大于2的表格

18）：header匹配如 h1, h2, h3之类的标题元素 例：$(':header)匹配所有表头

19）：animated匹配所有正在执行动画效果的元素  $("div:animated")匹配正在移动的图片

20）：contains匹配包含给定文本的元素

21）：empty匹配所有不包含子元素或者文本的空元素

22）：has(selector)_匹配含有选择器所匹配的元素的元素

23):parent匹配含有子元素或者文本的元素

24):hidden匹配所有的不可见元素，input 元素的 type 属性为 "hidden" 的话也会被匹配到

25):visible匹配所有的可见元素