jQuery选择符总结

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") //匹配所有不包含任何子元素或文本为空的空元素

... ...

posted on 2015-12-13 15:22 rapale 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/rapale/p/5042859.html