jQuery选择符总结

//基本选择器:
$("*") //匹配所有元素
$("#id") //选ID
$(".className") //选class
$("div") //选指定标签元素,比如这里div
$(this) //当前对象选择
$("div,span,p.myClass") //组合式选择符:将多个选择符用逗号隔开,div标签、span标签、类名为myClass的P标签

//层级选择器:
$("Selector1 Selector2") //在给定的祖先元素下匹配所有的后代元素,比如$("form input") form下所有input元素(包括各级input子元素)
$("parent > child") // 在给定的父元素下匹配所有的子元素,$("form > input")区别于$("form input"),$("form > input")只是选择form下子元素input,其他级别的input不选择
$("prev + next") //匹配所有紧接在 prev 元素后的 next 元素,如 $("label + input") 即这个input是紧接着在label后的,如不是这种情况将不被选择出来
$("prev ~ siblings") //匹配 prev 元素之后的所有 siblings 元素,如 $("form ~ input"),即匹配 form之后所有的兄弟元素input

//基本匹配:基于选择符加类似CSS伪类的方式进一步选择需要的元素,格式为 “一般选择符:进一步选择符”
$("Selector:first") // 获取匹配的第一个元素,选择器selector的第一个元素,如$("ul li:first") 即表示选择ul 下 第一个li元素
$("Selector:last") // 获取匹配的最后个元素,选择器selector的最后个元素,如$("ul li:last") 即表示选择ul 下 最后个li元素
$("Selector:even") // 取得偶数元素,索引从0开始
$("Selector:odd") // 取得奇数元素
$("Selector:eq(1)") //取得索引值的元素,这里取得第二个元素,索引从0开始
$("Selector:gt(1)") //取得所有比给定索引值大的元素,这里取得比索引值1大的元素

$("Selector:lt(2)") //取得所有比给定索引值小的元素,这里取得比索引值2小的元素,跟gt方法相反

$(":header") //取得 h1、h2、h3之类的元素

//内容筛选
$("div:contains('book')") //匹配包含给定文本的元素,文本两边要用单引号,这里为,找到内含有book字符的div元素
$("Selector:empty") //匹配所有不包含任何子元素或文本为空的空元素





... ...
原文地址:https://www.cnblogs.com/rapale/p/5042859.html