Jquery选择器

Jquery选择器

一、常用的选择器：

1. $("td",$(this)) //在this中找所有td
2. $("#id") //通过ID //返回单个元素
3. $("div") //通过标签
4. $(".cls") //类选择器
5. $("div.cls") //标签加类选择器
6. $("*") //选取所有的元素
7. $(this) //自己
8. $("div,p,a") //取得所有标签的集合
9. $("div p") //div下的所有<p>，不管几层 [子孙]
10. $("div>p") //获取最直接的p [儿子]
11. $("div+p") //兄弟节点中下面的第一个元素 [弟弟] //相当于.next();
12. $("div~p") //层的所有下面的兄弟节点 //相当于.nextAll();

二、基本过滤选择器：

13. :eq()： 索引//第1个元素 $('p:eq(0)')
14. :lt(3)： 索引 //索引小于3的
15. :gt(3)：索引 //索引大于3的 $('ul li:gt(2):lt(2)') //先执行大于2，结果集中再执行小于2
16. :not()：不满足"选择器"的元素
17. :first：第一个
18. :last：最后一个
19. :even：偶数（索引的偶数，显示给用户的是奇数）
20. :odd：奇数
21. :header：所有h1-h6的标签 //$(':header')
22. :animated：所有正在执行动画的元素

三、内容过滤选择器：

23. :contains(text)：选择含有文本text的元素 //有没有引号一样效果
24. :empty：选择不包含元素或者文本的空元素 //<div></div>测试通过，换行应该也算字符，不能被选择 （浏览器的问题，CSS的问题）
25. :has(selector)：选择包含匹配元素的元素
26. :parent：选择含有子元素或文本的元素

四、可见性过滤选择器：

27. :hidden：选取所有不可见元素 $(":hidden") //包括display:none的元素
28. :visible：选取所有可见元素 $("div:visible")

五、其他：

29. :checked
30. :selecetd

六、属性过滤选择器：

31. [id] ：选取拥有id属性的元素 //$("div[style]").hide(2000); 测试没通过 //$("div[id]").hide(2000);测试通过
32. [id=text]：选取id为text的元素
33. [id!=text]：选取id不为text的元素
34. [id^=t]：选取id以t开头的元素
35. [id$=t]：选取id以t结束的元素
36. [id*=text]：选取id含有text的元素

七、子元素过滤选择器：

37. :nth-child(index/even/odd/equation)：选取每个父元素下的第n/奇/偶个元素 //注意：index从1开始算 //:nth-child(3n+1) 3的倍数加1
38. :first-child：选取每个父元素的第一个子元素
39. :last-child：选取每个父元素的最后一个子元素
40. :only-child：如果这个元素是其父元素中的唯一一个元素，则匹配 //注意：操作的是子元素

八、表单对象属性过滤选择器：

41. :input：选取所有input、textarea、select、button元素
42. :text：选取所有单行文本框
43. :password：选取所有密码框
44. :radio：
45. :checkbox
46. :submit
47. :image
48. :reset
49. :button
50. :file
51. :hidden