Jquery 选择器列举

来源:互联网 发布:redhat yum安装mysql 编辑:程序博客网 时间:2024/06/07 00:40
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")

0 0