1, 星号选择器:
$("*")
$("#test").find("*")
注意:在选择后,既使在此选择之后添加元素也会被执行
2, 选择所有正在执行动画效果的元素:
$("div:animated")
3, 选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-” )的元素:
$('a[hreflang|="en"]') {<a href="example.html" hreflang="en-UK">Some other text</a>}
4, 选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值的元素):
$('input[name*="man"]') {<input name="man-news" />}
5, 选择指定属性用空格分隔的值中包含一个给定值的元素:
$('input[name~="man"]') {<input name="milk man" />}
6, 选择指定属性是以给定值结尾的元素。这个比较是区分大小写的:
$('input[name$="letter"]') {<input name="jobletter" />}
7, 选择指定属性是给定值的元素:
$('input[value="Hot Fuzz"]').next() {<input type="radio" name="newsletter" value="Hot Fuzz" /><span>name?</span>}
注意:next是平级节点的下一个元素
8, 选择不存在指定属性,或者指定的属性值不等于给定值的元素:
$('input[name!="newsletter"]').next()
9, 选择指定属性是以给定字符串开始的元素:
$('input[name^="news"]')
10, 选择所有按钮元素和类型为按钮的元素:
$(":button")
11, 选择所有类型为复选框的元素:
$("form input:checkbox")
12, 匹配所有勾选的元素:
$("input:checked" )
13, 选择所有指定“parent”元素中指定的"child"的直接子元素:
$("ul.topnav > li")
14, 选择给定样式类名的所有元素:
$(".myClass")
15, 选择所有包含指定文本的元素:
$("div:contains('John')")
16, 选择给定的祖先元素的所有后代元素:
$("form input")
17, 选择所有被禁用的元素:
$("input:disabled")
18, 根据给定(html)标记名称选择所有的元素:
$("div")
19, 选择所有没有子元素的元素(包括文本节点):
$("td:empty")
20, 选择所有可用的元素:
$("input:enabled")
21, 在匹配的集合选择索引值为n的元素:
$("td:eq(2)")
22, 选择偶数元素,从 0 开始计数。 也可以查看 odd:
$("tr:odd") 偶数行
$("tr:even") 奇数行
23, 选择所有类型为文件(file)的元素:
$("input:file")
24, 选择所有父级元素下的第一个子元素:
$("div span:first-child")
25, 选择所有相同的元素名称的第一个兄弟元素:
$("span:first-of-type")
26, 选择第一个匹配的元素:
$("tr:first")
27, 选择当前获取焦点的元素:{$(selector).delegate(childSelector,event,data,function)}
$( "#content" ).delegate( "*", "focus blur", function( event ) {
var elem = $( this );
setTimeout(function() {
elem.toggleClass( "focused", elem.is( ":focus" ) );
}, 0);
});
28, 选择匹配集合中所有大于给定index(索引值)的元素:
$( "td:gt(4)" )
29, 选择所有具有指定属性的元素,该属性可以是任何值:
$('div[id]')
30, 选择元素其中至少包含指定选择器匹配的一个种元素:
$("div:has(p)")
31, 选择所有标题元素,像h1, h2, h3 等:
$(":header")
32, 选择所有隐藏的元素:
$("input:hidden")
33, 选择一个具有给定id属性的单个元素:
$("#myDiv")
34, 选择所有图像类型的元素:
$("input:image")
35, 选择所有 input, textarea, select 和 button 元素:
$(":input")
36, 选择指定语言的所有元素:
$( "div:lang(en-us)" )
37, 选择所有父级元素下的最后一个子元素:
$("div span:last-child")
38, 选择所有相同的元素名称的最后一个兄弟元素:
$("span:last-of-type")
39, 选择最后一个匹配的元素:
$("tr:last")
40, 选择匹配集合中所有小于给定index索引值)的元素:
$("td:lt(4)")
41, 选择匹配所有指定的属性筛选器的元素:
$('input[id][name$="man"]')
42, 将每一个选择器匹配到的元素合并后一起返回:
$("div,span,p.myClass")
43, 选择所有紧接在 “prev” 元素后的 “next” 元素:
$("label + input")
44, 匹配 “prev” 元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“兄弟姐妹”选择器:
$("#prev ~ div")
45, 选择所有元素去除不匹配给定的选择器的元素:
$("input:not(:checked) + span")
46, 选择的他们所有父元素的第n个子元素:
$("ul li:nth-child(2)")
47, 选择的他们所有父元素的第n个子元素。计数从最后一个元素到第一个:
$("ul li:nth-last-child(2)")
48, 选择他们父元素的兄弟元素中所有第n个子元素,且相同的元素名称:
$( "span:nth-of-type(2)" )
49, 选择所有其父元素下只有一个子元素的元素:
$("div button:only-child")
50, 选择所有元素没有兄弟元素具有相同的元素名称的所有元素:
$("button:only-of-type")
51, 选择所有含有子元素或者文本的父级元素:
$("td:parent")
52, 选择所有类型为密码的元素:
$("input:password")
53, 选择所有类型为单选框的元素:
$("form input:radio")
54, 选择所有类型为重置的元素:
$("input:reset") :reset 等价于 [type="reset"]
55, 选择该文档的根元素:
$(":root")
56, 选择所有被选中的元素:
$("select option:selected")
57, 选择所有类型为提交的元素:
$("td :submit") 最好使用[type="submit"]代替
58, 选择 由文档URI的格式化识别码表示的目标元素:
给定的URI http://example.com/#foo, $( "p:target" ),将选择<p id="foo">元素
59, 选择所有类型为文本的元素:
$("form input:text")
60, 选择所有可见的元素:
$("div:visible")
$("*")
$("#test").find("*")
注意:在选择后,既使在此选择之后添加元素也会被执行
2, 选择所有正在执行动画效果的元素:
$("div:animated")
3, 选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-” )的元素:
$('a[hreflang|="en"]') {<a href="example.html" hreflang="en-UK">Some other text</a>}
4, 选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值的元素):
$('input[name*="man"]') {<input name="man-news" />}
5, 选择指定属性用空格分隔的值中包含一个给定值的元素:
$('input[name~="man"]') {<input name="milk man" />}
6, 选择指定属性是以给定值结尾的元素。这个比较是区分大小写的:
$('input[name$="letter"]') {<input name="jobletter" />}
7, 选择指定属性是给定值的元素:
$('input[value="Hot Fuzz"]').next() {<input type="radio" name="newsletter" value="Hot Fuzz" /><span>name?</span>}
注意:next是平级节点的下一个元素
8, 选择不存在指定属性,或者指定的属性值不等于给定值的元素:
$('input[name!="newsletter"]').next()
9, 选择指定属性是以给定字符串开始的元素:
$('input[name^="news"]')
10, 选择所有按钮元素和类型为按钮的元素:
$(":button")
11, 选择所有类型为复选框的元素:
$("form input:checkbox")
12, 匹配所有勾选的元素:
$("input:checked" )
13, 选择所有指定“parent”元素中指定的"child"的直接子元素:
$("ul.topnav > li")
14, 选择给定样式类名的所有元素:
$(".myClass")
15, 选择所有包含指定文本的元素:
$("div:contains('John')")
16, 选择给定的祖先元素的所有后代元素:
$("form input")
17, 选择所有被禁用的元素:
$("input:disabled")
18, 根据给定(html)标记名称选择所有的元素:
$("div")
19, 选择所有没有子元素的元素(包括文本节点):
$("td:empty")
20, 选择所有可用的元素:
$("input:enabled")
21, 在匹配的集合选择索引值为n的元素:
$("td:eq(2)")
22, 选择偶数元素,从 0 开始计数。 也可以查看 odd:
$("tr:odd") 偶数行
$("tr:even") 奇数行
23, 选择所有类型为文件(file)的元素:
$("input:file")
24, 选择所有父级元素下的第一个子元素:
$("div span:first-child")
25, 选择所有相同的元素名称的第一个兄弟元素:
$("span:first-of-type")
26, 选择第一个匹配的元素:
$("tr:first")
27, 选择当前获取焦点的元素:{$(selector).delegate(childSelector,event,data,function)}
$( "#content" ).delegate( "*", "focus blur", function( event ) {
var elem = $( this );
setTimeout(function() {
elem.toggleClass( "focused", elem.is( ":focus" ) );
}, 0);
});
28, 选择匹配集合中所有大于给定index(索引值)的元素:
$( "td:gt(4)" )
29, 选择所有具有指定属性的元素,该属性可以是任何值:
$('div[id]')
30, 选择元素其中至少包含指定选择器匹配的一个种元素:
$("div:has(p)")
31, 选择所有标题元素,像h1, h2, h3 等:
$(":header")
32, 选择所有隐藏的元素:
$("input:hidden")
33, 选择一个具有给定id属性的单个元素:
$("#myDiv")
34, 选择所有图像类型的元素:
$("input:image")
35, 选择所有 input, textarea, select 和 button 元素:
$(":input")
36, 选择指定语言的所有元素:
$( "div:lang(en-us)" )
37, 选择所有父级元素下的最后一个子元素:
$("div span:last-child")
38, 选择所有相同的元素名称的最后一个兄弟元素:
$("span:last-of-type")
39, 选择最后一个匹配的元素:
$("tr:last")
40, 选择匹配集合中所有小于给定index索引值)的元素:
$("td:lt(4)")
41, 选择匹配所有指定的属性筛选器的元素:
$('input[id][name$="man"]')
42, 将每一个选择器匹配到的元素合并后一起返回:
$("div,span,p.myClass")
43, 选择所有紧接在 “prev” 元素后的 “next” 元素:
$("label + input")
44, 匹配 “prev” 元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“兄弟姐妹”选择器:
$("#prev ~ div")
45, 选择所有元素去除不匹配给定的选择器的元素:
$("input:not(:checked) + span")
46, 选择的他们所有父元素的第n个子元素:
$("ul li:nth-child(2)")
47, 选择的他们所有父元素的第n个子元素。计数从最后一个元素到第一个:
$("ul li:nth-last-child(2)")
48, 选择他们父元素的兄弟元素中所有第n个子元素,且相同的元素名称:
$( "span:nth-of-type(2)" )
49, 选择所有其父元素下只有一个子元素的元素:
$("div button:only-child")
50, 选择所有元素没有兄弟元素具有相同的元素名称的所有元素:
$("button:only-of-type")
51, 选择所有含有子元素或者文本的父级元素:
$("td:parent")
52, 选择所有类型为密码的元素:
$("input:password")
53, 选择所有类型为单选框的元素:
$("form input:radio")
54, 选择所有类型为重置的元素:
$("input:reset") :reset 等价于 [type="reset"]
55, 选择该文档的根元素:
$(":root")
56, 选择所有被选中的元素:
$("select option:selected")
57, 选择所有类型为提交的元素:
$("td :submit") 最好使用[type="submit"]代替
58, 选择 由文档URI的格式化识别码表示的目标元素:
给定的URI http://example.com/#foo, $( "p:target" ),将选择<p id="foo">元素
59, 选择所有类型为文本的元素:
$("form input:text")
60, 选择所有可见的元素:
$("div:visible")