jQuery选择器总结

时间：2014-04-30 22:28:40 收藏：0 阅读：329

$("*")//所有元素

$(this)//当前元素

$("#test")//id为test的所有元素

$(".test")//类名为test的所有元素

$("div")//标签为div的所有元素

$(".test:first")//class为test的第一个元素，.test可以换成任意选择器得到的节点

以下都是":xxx"的形式，用法同上

:last//最后一个元素

:not(:xxx)//例：$("input:not(:checked)")

:even//偶数元素

:odd//奇数元素

:eq()//第n个元素从0开始计数，例：:$(".test:eq(1)"）

:gt()//所有序号大于第n个的元素，从0开始计数，例：:$(".test:gt(1)"）

:lt()//所有序号小于第n个的元素，从0开始计数，例：:$(".test:lt(1)"）

:header//匹配h1~h6标签

:animated//匹配所有正在执行动画效果的元素

:focus//让元素获得焦点，注意：某些元素没有焦点的概念

:contains()//匹配包含给定文本的元素，例：$("div:contains(‘test‘)")

:empty//匹配所有不包含子元素或者文本的空元素

:has()//匹配元素中包含某元素的元素，例：$("div:has(span)")

:parent//匹配含有子元素或者文本的元素

:hidden//匹配所有不可见元素，或者type为hidden的元素

:visible//匹配所有的可见元素

:nth-child()//匹配其父元素下的第N个子或奇偶元素,从1开始计数，例：$("ul li:nth-child(2)")

:first-child//匹配第一个子元素

:last-child//匹配最后一个子元素

:only-child//如果某个元素是父元素中唯一的子元素，那将会被匹配

:input//匹配所有 input, textarea, select 和 button 元素

:button//匹配所有按钮

:text//匹配所有的单行文本框

:password//匹配所有密码框

:radio//匹配所有单选按钮

:checkbox//匹配所有复选框

:file//匹配所有文件域

:submit//匹配所有提交按钮

:reset//匹配所有重置按钮

:hidden//匹配所有不可见元素，或者type为hidden的元素

:image//匹配所有图像域

:enabled//匹配所有可用元素

:disabled//匹配所有不可用元素

:checked//匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)

:selected//匹配所有选中的option元素

[attribute]//匹配给定的属性是某个特定值的元素,例：$("div[id]")

[attribute=value]//匹配给定的属性是某个特定值的元素,例：$("input[name=‘test‘]").attr("checked", true);

[attribute!=value]//匹配所有不含有指定的属性，或者属性不等于特定值的元素，例：$("input[name!=‘test‘]").attr("checked", true);

[attribute^=value]//匹配给定的属性是以某些值开始的元素，例：$("input[name^=‘test‘]"),比如能匹配出test1、test2...

[attribute$=value]//匹配给定的属性是以某些值结尾的元素，例：$("input[name$=‘test‘]"),比如能匹配出1test、2test...

[attribute*=value]//匹配给定的属性是以包含某些值的元素，例：$("input[name*=‘test‘]")

[selector1][selector2][selectorN]//复合属性选择器，需要同时满足多个条件时使用，例：$("input[id][name$=‘man‘]")

注意：

$("button#test")//这种挨着写的方式button和#test是从属关系

$("button#test")//这种用","隔开写的方式button和#test是并列关系