内容过滤选择器:
$(
"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结尾的元素
子元素过滤选择器:
$(
"ul li:nth-child(2)"
),$(
"ul li:nth-child(odd)"
),$(
"ul li:nth-child(3n + 1)"
)
$(
"div span:first-child"
) 返回所有的div元素的第一个子节点的数组
$(
"div span:last-child"
) 返回所有的div元素的最后一个节点的数组
$(
"div button:only-child"
) 返回所有的div中只有唯一一个子节点的所有子节点的数组
共同学习,写下你的评论
评论加载中...
作者其他优质文章