jQuery选择器总结(二)
内容过滤选择器:
$(
"div:contains('John')"
)选择所有div中含有John文本的元素
$(
"td:empty"
)选择所有的为空(也不包括文本节点)的td元素的数组
$(
"div:has(p)"
)选择所有含有p标签的div元素
$(
"td:parent"
)选择所有的以td为父节点的元素数组
可视化过滤选择器:
$(
"div:hidden"
)选择所有的被hidden的div元素
$(
"div:visible"
)选择所有的可视化的div元素
属性过滤选择器:
$(
"div[id]"
)选择所有含有id属性的div元素
$(
"input[name='newsletter']"
)选择所有的name属性等于
'newsletter'
的input元素
$(
"input[name!='newsletter']"
)选择所有的name属性不等于
'newsletter'
的input元素
$(
"input[name^='news']"
)选择所有的name属性以
'news'
开头的input元素
$(
"input[name$='news']"
)选择所有的name属性以
'news'
结尾的input元素
$(
"input[name*='man']"
)选择所有的name属性包含
'news'
的input元素
$(
"input[id][name$='man']"
)可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
子元素过滤选择器:
$(
"ulli:nth-child(2)"
),$(
"ulli:nth-child(odd)"
),$(
"ulli:nth-child(3n+1)"
)
$(
"divspan:first-child"
)返回所有的div元素的第一个子节点的数组
$(
"divspan:last-child"
)返回所有的div元素的最后一个节点的数组
$(
"divbutton:only-child"
)返回所有的div中只有唯一一个子节点的所有子节点的数组
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。