选择器 实例 文字概括

1. *     $("*")    所有元素
2. #id    $("#lastname")    id="lastname" 的元素
3. .class $(".intro")    class="intro" 的所有元素
4. .class,.class    $(".intro,.demo")    class 为 "intro" 或 "demo" 的所有元素
5. element   $("p")    所有 <p> 元素
6. el1,el2,el3    $("h1,div,p")    所有 <h1>、<div> 和 <p> 元素
7. :first   $("p:first")    第一个 <p> 元素
8. :last   $("p:last")    最后一个 <p> 元素
9. :even   $("tr:even")    所有偶数 <tr> 元素，索引值从 0 开始，第一个元素是偶数 (0)，第二个元素是奇数 (1)，以此类推。
10. :odd   $("tr:odd")    所有奇数 <tr> 元素，索引值从 0 开始，第一个元素是偶数 (0)，第二个元素是奇数 (1)，以此类推。
11. :first-child    $("p:first-child")    属于其父元素的第一个子元素的所有 <p> 元素
12. :first-of-type    $("p:first-of-type")    属于其父元素的第一个 <p> 元素的所有 <p> 元素
13. :last-child    $("p:last-child")    属于其父元素的最后一个子元素的所有 <p> 元素
14. :last-of-type    $("p:last-of-type")    属于其父元素的最后一个 <p> 元素的所有 <p> 元素
15. :nth-child(n)     $("p:nth-child(2)")    属于其父元素的第二个子元素的所有 <p> 元素
16. :nth-last-child(n)    $("p:nth-last-child(2)")   属于其父元素的第二个子元素的所有 <p> 元素，从最后一个子元素开始计数
17. :nth-of-type(n)    $("p:nth-of-type(2)")     属于其父元素的第二个 <p> 元素的所有 <p> 元素
18. :nth-last-of-type(n)    $("p:nth-last-of-type(2)")    属于其父元素的第二个 <p> 元素的所有 <p> 元素，从最后一个子元素开始计数
19. :only-child    $("p:only-child")    属于其父元素的唯一子元素的所有 <p> 元素
20. :only-of-type    $("p:only-of-type")    属于其父元素的特定类型的唯一子元素的所有 <p> 元素
21. parent > child    $("div > p")    <div> 元素的直接子元素的所有 <p> 元素
22. parent descendant    $("div p")    <div> 元素的后代的所有 <p> 元素
23. element + next    $("div + p")    每个 <div> 元素相邻的下一个 <p> 元素
24. element ~ siblings    $("div ~ p")    <div> 元素同级的所有 <p> 元素
25. :eq(index)    $("ul li:eq(3)")    列表中的第四个元素（index 值从 0 开始）
26. :gt(no)    $("ul li:gt(3)")    列举 index 大于 3 的元素
27. :lt(no)     $("ul li:lt(3)")    列举 index 小于 3 的元素
28. :not(selector)    $("input:not(:empty)")    所有不为空的输入元素
29. :header    $(":header")    所有标题元素 <h1>, <h2> ...
30. :animated    $(":animated")    所有动画元素
31. :focus    $(":focus")    当前具有焦点的元素
32. :contains(text)    $(":contains('Hello')")    所有包含文本 "Hello" 的元素
33. :has(selector)    $("div:has(p)")    所有包含有 <p> 元素在其内的 <div> 元素
34. :empty    $(":empty")     所有空元素
35. :parent    $(":parent")    所有是另一个元素的父元素的元素
36. :hidden    $("p:hidden")     所有隐藏的 <p> 元素
37. :visible    $("table:visible")    所有可见的表格
38. :root    $(":root")    文档的根元素
39. :lang(language)    $("p:lang(de)")    所有带有以 "de" 开头的 lang 属性值的 <p> 元素
40. [attribute]    $("[href]")    所有带有 href 属性的元素
41. [attribute=value]    $("[href='default.htm']")    所有带有 href 属性且值等于 "default.htm" 的元素
42. [attribute!=value]    $("[href!='default.htm']")    所有带有 href 属性且值不等于 "default.htm" 的元素
43. [attribute$=value]    $("[href$='.jpg']")    所有带有 href 属性且值以 ".jpg" 结尾的元素
44. [attribute|=value]    $("[title|='Tomorrow']")    所有带有 title 属性且值等于 'Tomorrow' 或者以 'Tomorrow' 后跟连接符作为开头的字符串
45. [attribute^=value]    $("[title^='Tom']")    所有带有 title 属性且值以 "Tom" 开头的元素
46. [attribute~=value]    $("[title~='hello']")    所有带有 title 属性且值包含单词 "hello" 的元素
47. [attribute*=value]    $("[title*='hello']")    所有带有 title 属性且值包含字符串 "hello" 的元素
48. [name=value][name2=value2]    $( "input[id][name$='man']" )    带有 id 属性，并且 name 属性以 man 结尾的输入框
49. :input    $(":input")    所有 input 元素
50. :text    $(":text")     所有带有 type="text" 的 input 元素
51. :password    $(":password")   所有带有 type="password" 的 input 元素
52. :radio    $(":radio")    所有带有 type="radio" 的 input 元素
53. :checkbox    $(":checkbox")    所有带有 type="checkbox" 的 input 元素
54. :submit    $(":submit")    所有带有 type="submit" 的 input 元素
55. :reset    $(":reset")    所有带有 type="reset" 的 input 元素
56. :button    $(":button")    所有带有 type="button" 的 input 元素
57. :image    $(":image")    所有带有 type="image" 的 input 元素
58. :file    $(":file")    所有带有 type="file" 的 input 元素
59. :enabled    $(":enabled")    所有启用的元素
60. :disabled    $(":disabled")    所有禁用的元素
61. :selected    $(":selected")    所有选定的下拉列表元素
62. :checked    $(":checked")    所有选中的复选框选项
63. .selector    $(selector).selector   在jQuery 1.7中已经不被赞成使用。返回传给jQuery()的原始选择器
64. :target    $( "p:target" )    选择器将选中ID和URI中一个格式化的标识符相匹配的<p>元素