jQuery 选择器


jQuery 选择器

请使用咱们的 jQuery 选择器检测器 来演示不同的选择器。

选择器 实例 选取
* $("*") 一切元素
#id $("#lastname") id="lastname" 的元素
.class $(".intro") class="intro" 的一切元素
.class,.class $(".intro,.demo") class 为 "intro" 或 "demo" 的一切元素
element $("p") 一切 <p> 元素
el1,el2,el3 $("h1,div,p") 一切 <h1>、<div> 和 <p> 元素
:first $("p:first") 榜首个 <p> 元素
:last $("p:last") 最终一个 <p> 元素
:even $("tr:even") 一切偶数 <tr> 元素
:odd $("tr:odd") 一切奇数 <tr> 元素
:first-child $("p:first-child") 归于其父元素的榜首个子元素的一切 <p> 元素
:first-of-type $("p:first-of-type") 归于其父元素的榜首个 <p> 元素的一切 <p> 元素
:last-child $("p:last-child") 归于其父元素的最终一个子元素的一切 <p> 元素
:last-of-type $("p:last-of-type") 归于其父元素的最终一个 <p> 元素的一切 <p> 元素
:nth-child(n) $("p:nth-child(2)") 归于其父元素的第二个子元素的一切 <p> 元素
:nth-last-child(n) $("p:nth-last-child(2)") 归于其父元素的第二个子元素的一切 <p> 元素,从最终一个子元素开端计数
:nth-of-type(n) $("p:nth-of-type(2)") 归于其父元素的第二个 <p> 元素的一切 <p> 元素
:nth-last-of-type(n) $("p:nth-last-of-type(2)") 归于其父元素的第二个 <p> 元素的一切 <p> 元素,从最终一个子元素开端计数
:only-child $("p:only-child") 归于其父元素的唯一子元素的一切 <p> 元素
:only-of-type $("p:only-of-type") 归于其父元素的特定类型的唯一子元素的一切 <p> 元素
parent > child $("div > p") <div> 元素的直接子元素的一切 <p> 元素
parent descendant $("div p") <div> 元素的子孙的一切 <p> 元素
element + next $("div + p") 每个 <div> 元素相邻的下一个 <p> 元素
element ~ siblings $("div ~ p") <div> 元素同级的一切 <p> 元素
:eq(index) $("ul li:eq(3)") 列表中的第四个元素(index 值从 0 开端)
:gt(no) $("ul li:gt(3)") 罗列 index 大于 3 的元素
:lt(no) $("ul li:lt(3)") 罗列 index 小于 3 的元素
:not(selector) $("input:not(:empty)") 一切不为空的输入元素
:header $(":header") 一切标题元素 <h1>, <h2> ...
:animated $(":animated") 一切动画元素
:focus $(":focus") 当时具有焦点的元素
:contains(text) $(":contains('Hello')") 一切包括文本 "Hello" 的元素
:has(selector) $("div:has(p)") 一切包括有 <p> 元素在其内的 <div> 元素
:empty $(":empty") 一切空元素
:parent $(":parent") 一切是另一个元素的父元素的元素
:hidden $("p:hidden") 一切躲藏的 <p> 元素
:visible $("table:visible") 一切可见的表格
:root $(":root") 文档的根元素
:lang(language) $("p:lang(de)") 一切带有以 "de" 最初的 lang 特点值的 <p> 元素
     
[attribute] $("[href]") 一切带有 href 特点的元素
[attribute=value] $("[href='default.htm']") 一切带有 href 特点且值等于 "default.htm" 的元素
[attribute!=value] $("[href!='default.htm']") 一切带有 href 特点且值不等于 "default.htm" 的元素
[attribute$=value] $("[href$='.jpg']") 一切带有 href 特点且值以 ".jpg" 完毕的元素
[attribute|=value] $("[title|='Tomorrow']") 一切带有 title 特点且值等于 'Tomorrow' 或许以 'Tomorrow' 后跟连接符作为最初的字符串
[attribute^=value] $("[title^='Tom']") 一切带有 title 特点且值以 "Tom" 最初的元素
[attribute~=value] $("[title~='hello']") 一切带有 title 特点且值包括单词 "hello" 的元素
[attribute*=value] $("[title*='hello']") 一切带有 title 特点且值包括字符串 "hello" 的元素
     
:input $(":input") 一切 input 元素
:text $(":text") 一切带有 type="text" 的 input 元素
:password $(":password") 一切带有 type="password" 的 input 元素
:radio $(":radio") 一切带有 type="radio" 的 input 元素
:checkbox $(":checkbox") 一切带有 type="checkbox" 的 input 元素
:submit $(":submit") 一切带有 type="submit" 的 input 元素
:reset $(":reset") 一切带有 type="reset" 的 input 元素
:button $(":button") 一切带有 type="button" 的 input 元素
:image $(":image") 一切带有 type="image" 的 input 元素
:file $(":file") 一切带有 type="file" 的 input 元素
:enabled $(":enabled") 一切启用的 input 元素
:disabled $(":disabled") 一切禁用的 input 元素
:selected $(":selected") 一切选定的 input 元素
:checked $(":checked") 一切选中的 input 元素