选择器可以让你对元素组或单个元素进行操作，学习选择器可是对学习jQuery有很大的帮助，jQuery 元素选择器和属性选择器可以让你通过标签名、属性名或内容对 HTML 元素进行选择
jQuery的基本选择器
$(“*”) 选取所有元素
$(“#id”) 选择id为id的选择器（id选择器）
$(“.class”) 选择类为class的选择器（类选择器）
$(“element”) 选择标签名为element的选择器（标签）
jQuery的层级选择器
$(".pT1,.pT2") 用逗号隔开，组合选择器：选取pT1，跟pT2类
$(".div .pT2") 用空格隔开，后代选择器选取：选取类为div的后代元素pT2的类（匹 配.pT2）
$(".div>.pT2") 子选择器：选取为pT2的类但是它的父辈元素中必须有类为div
$(".p1+.p2") 匹配紧接在 .p1 后的相邻元素.p2(一个.p1的相邻的元素只有一个)
$(".pT1~.pT2") 匹配 .pT1元素之后的所有兄弟元素.pT2
jQuery的筛选选择器
$("li:first") 获取第一个元素：获取li的子元素中的第一个元素（只有一个）
$("li:last") 获取最后一个元素：获取li的子元素中的第最后一个元素（只有一个）
$("p:not(.intro)") 去除所有与给定选择器：匹配的元素选取除有intro类以外的所有 p 元素
$(".div>p:even") 匹配所有索引值为偶数的元素，从 0 开始：.div的子元素索引值为 p的标签元素
$(".div>p:odd") 匹配所有索引值为奇数的元素，从 0 开始：.div的子元素索引值为p 的标签元素
$("ul li:eq(n)") 匹配一个索引值为n的元素：ul的子元素第（n+1）个li标签元素（从0 开始）
$("ul li:gt(n)") 匹配所有大于索引值为n的元素：匹配索引大于n的li标签
$("ul li:lt(n)") 匹配所有小于索引值为n的元素：匹配索引小于n的li标签
:lang选择指定语言的所有元素。
$(":header") 匹配如 h1, h2, h3 之类的标题元素
$(":animated") 匹配所有正在执行动画效果的元素
$(":focus")匹配当前获取焦点的元素：也可在input标签内添加
οnfοcus="textOnfocus()
$(":root") 选择该文档的根元素 永远是 <html> 元素
$(":target") 选择由文档 URI 的格式化识别码表示的目标元素。
属性选择器
$("p[class]") 匹配含给定属性的元素：匹配包含class的p标签
$("[class=pT1]") 匹配给定的属性是某个特定值的元素：匹配包含class的值为pT1的元 素（匹配类为pT1的元素）
$("[class!=pT1]") 匹配所有不含有指定的属性，或者属性不等于特定值的元素：匹配不 包含class的值为pT1的元素（匹配类不为pT1的元素）
$("[class^=p]") 匹配给定的属性是以某些值开始的元素：匹配类为p开头的元素
$("[class$=2]") 匹配给定的属性是以某些值结尾的元素：匹配类为2结尾的元素
$("[class*=1]") 匹配给定的属性是以包含某些值的元素：匹配类里面有1的元素（不管 在前面还是后面或者中间）
$("[id][class^=pT]")复合属性选择器，需要同时满足多个条件时使用：匹配有id并且有 类且类的开头为pT的元素
子元素选择器
$(".div :first-child") 匹配.div第一个子元素，把每一级中的第一（个子元素都匹配出来 如果它的子元素也有子元素，也会匹配它子元素中的子元素第一个元素）
$(".div :last-child"); 匹配.div的最后一个子元素,跟:first-child一样把每一级中的第一个 子元素都匹配出来
$(".div :first-of-type") 选择所有相同的元素标签名称的第一个兄弟元素：选择.div中的 所有相同元素标签名称的第一个兄弟元素
$(".div :last-of-type") 选择的所有元素标签之间具有相同元素名称的最后一个兄弟元 素：选择.div中的所有相同元素标签名称的最后一个兄弟元素
$("div input:only-child")匹配某个元素它是父元素中唯一的子元素：input元素是div的子 元素，且是这个div中唯一一个元素
$("div :only-of-type")选择所有没有兄弟元素和自己相同类型的标签元素：div的子元素 没有其他同名的元素，那就会匹配它所有子元素
$("p:nth-child(n)") 从1开始计算;选中某个元素，该元素必须是某个父元素下的第n个 子元素，并且是p标签
$("p:nth-last-child(3)") 选中某一个元素，该元素必须是某个父元素下的第3个子元素并 且是p标签
$("p:nth-of-type(2)") 选中某个元素元素，该元素必须是某个父元素下的第2个子元素， 并且是p标签
$("p:nth-last-of-type(2)") 选中某个元素元素，该元素必须是某个父元素下的倒数第2个 子元素，并且是p标签
表单选择器
$(":input") 匹配所有 input, textarea, select 和button元素
$(":text") 匹配所有的单行文本框
$(":password") 匹配所有密码框
$(":radio") 匹配所有单选按钮
$(":checkbox") 匹配所有复选框
$(":submit") 匹配所有提交按钮
$(":image") 匹配所有图像域
$(":reset") 匹配所有重置按钮
$(":button") 匹配所有按钮
$(":file") 匹配所有文件域
表单对象属性
$(":enabled") 匹配所有可用元素
$(":disabled") 匹配所有禁用元素
$(":checked")匹 配 具 有 checked 属 性 的 radio 和checkbox，和有selected 属性的 option标签
$(":selected") 只匹配有 selected 属性的 option 标签
以上的选择器，要是想知道获取到没有可以试试用控制台打印出来
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
