jQuery选择器总结
2020-11-20 23:39
标签：jquery 选择器
jQuery选择器总结 标签：jquery 选择器 原文地址：http://blog.csdn.net/wuji_1/article/details/24796611$("*")//所有元素
$(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是并列关系