前50个jQuery选择器-js教程-PHP中文网

Top 50 jQuery Selectors

jQuery 选择器是每个开发者日常都会用到的强大工具，它们能精准地从 DOM 中选取所需的元素。这份清单汇集了 50 个常用的 jQuery 选择器，供所有 jQuery 开发者参考。请注意，这些选择器并没有按照特定顺序排列。

$(“*”) – 选择文档中的所有元素。
$(“p > *”) – 选择所有段落元素的子元素。
$(“#specialID”) – 选择 ID 为 “specialID” 的元素。
$(“.specialClass”) – 选择所有 class 为 “specialClass” 的元素。
$(“li:not(.myclass)”) – 选择所有匹配 li 选择器的元素，但排除 class 为 “myclass” 的元素。
$(“a#specialID.specialClass”) – 选择 ID 为 “specialID” 且 class 为 “specialClass” 的链接元素。
$(“p a.specialClass”) – 选择位于段落元素内的，class 为 “specialClass” 的链接元素。
$(“ul li:first”) – 选择无序列表的第一个列表项元素。
$(“#container p”) – 选择 ID 为 “container” 元素的所有后代段落元素。
$(“li > ul”) – 选择所有列表项元素的子无序列表元素。
$(“strong em”) – 选择紧跟在粗体元素后的斜体元素。
$(“p ~ ul”) – 选择所有跟在段落元素后的无序列表元素。
$(“code, em, strong”) – 选择代码、斜体或粗体元素。
$(“p strong, .myclass”) – 选择段落元素内的粗体元素，以及所有 class 为 “myclass” 的元素。
$(“:empty”) – 选择所有没有子元素的元素。
$(“p:empty”) – 选择所有没有子元素的段落元素。
$(“div[p]”) – 选择包含段落元素的 div 元素。
$(“p[.myclass]”) – 选择包含 class 为 “myclass” 元素的段落元素。
$(“a[@rel]”) – 选择所有具有 rel 属性的链接元素。
$(“input[@name=myname]”) – 选择 name 属性值精确等于 “myname” 的输入元素。
$(“input[@name^=myname]”) – 选择 name 属性值以 “myname” 开头的输入元素。
$(“a[@rel$=self]”) – 选择 rel 属性值以 “self” 结尾的链接元素。
$(“a[@href*=domain.com]”) – 选择 href 属性值包含 “domain.com” 的链接元素。
$(“li:even”) – 选择索引值为偶数的列表项元素。
$(“tr:odd”) – 选择索引值为奇数的表格行元素。
$(“li:first”) – 选择第一个列表项元素。
$(“li:last”) – 选择最后一个列表项元素。
$(“li:visible”) – 选择所有可见的列表项元素。
$(“li:hidden”) – 选择所有隐藏的列表项元素。
$(“:radio”) – 选择表单中的所有单选按钮。
$(“:checked”) – 选择表单中所有被选中的复选框。
$(“:input”) – 选择表单元素（input, select, textarea, button）。
$(“:text”) – 选择文本输入元素 (input[type=text])。
$(“li:eq(2)”) – 选择第三个列表项元素。
$(“li:eq(4)”) – 选择第五个列表项元素。
$(“li:lt(2)”) – 选择第三个元素之前的列表项元素（前两个）。
$(“p:lt(3)”) – 选择第四个元素之前的段落元素（前三个）。
$(“li:gt(1)”) – 选择第二个元素之后的列表项元素。
$(“p:gt(2)”) – 选择第三个元素之后的段落元素。
$(“div/p”) – 选择 div 元素的子段落元素。
$(“div//code”) – 选择 div 元素的所有后代代码元素。
$(“//p//a”) – 选择所有段落元素的后代链接元素。
$(“li:first-child”) – 选择所有作为其父元素第一个子元素的列表项元素。
$(“li:last-child”) – 选择所有作为其父元素最后一个子元素的列表项元素。
$(“:parent”) – 选择所有至少拥有一个子元素（包括文本）的元素。
$(“li:contains(second)”) – 选择包含文本 “second” 的列表项元素。
$(“td:gt(4)”) – 选择第五个及以后的表格单元格元素。
$(“input:not(:checked)”) – 选择所有未被选中的输入元素。
$(“div,span,p.myClass”) – 选择匹配这三个选择器中的任意一个的元素。
$(“input[id][name$=”man”]”) – 选择同时具有 id 属性且 name 属性以 “man” 结尾的输入元素。