前端学习(十六)

$('tag[attr]')选择所有带有attr属性的tag元素

$('tag[attr=value]')选择所有attr属性为value的tag元素

$('tag[attr*=value]')选择所有attr属性值中包含字符串value的tag元素

$('tag[attr~=value]')选择所有attr属性值为空格分隔的多个字符且其中一个字符串等于value的tag元素

$('tag[attr^=value]')选择所有attr属性值以value开头的tag元素

$('tag[attr$=value]')选择所有attr属性值以value结尾的tag元素

$('tag[attr|=value]')选择所有attr属性值为连字符分隔的字符串且该字符串以value开头的tag元素

$('tag[attr!=value]')选择所有attr属性值不等于value的tag元素

$('tagA>tagB')选择作为tagA元素子元素所有tagB元素

$('tagA+tagB')选择紧邻tagA元素且位于其后的tagB元素

$('tagA~tagB')选择作为tagA同辈元素且位于其后的所有tagB元素

还可以使用一些伪类和伪元素选择器

$('tag:root')选择作为文档根元素的tag元素

$('tag:nth-child(n)')选择作为其父元素正数第n个子元素的所有tag元素

$(tag:nth-last-child(n))选择作为其父辈元素倒数第n个子元素的所有tag元素

$('tag:nth-of-type(n)')选择几个同辈tag元素中的倒数第n个

$('tag:nth-last-of-type(n)')选择几个同辈tag元素中的倒数第n个

$('tag:first-child')选择作为其父元素第一个子元素的tag元素

$('tag:last-child')选择作为其父元素最后一个子元素的tag元素

$('tag:first-of-type')选择几个同辈tag元素中的第一个

$('tag:last-of-type')选择几个同辈tag元素中的最后一个

$('tag:only-child')选择作为其父元素唯一子元素的tag元素

$('tag:only-of-type')选择同辈元素中唯一一个标签为tag的元素

$('tag:empty')选择所有没有子元素的tag元素

$('tag:enabled')选择界面元素中所有已经启用的tag元素

$('tag:disabled')选择界面元素中所有已经被禁用的tag元素

$('tag:checked')选择界面元素中所有已经被选中的tag元素(如复选框和单选按钮)

$('tag:not(s)')选择与选择器s不匹配的所有tag元素

库所提供的专有选择器

$('tag:even')选择匹配元素集中的偶数个元素(特别适合突出显示表格行)

$('tag:odd')选择匹配元素集中的奇数个元素

$('tag:eq(0)')和$('tag:nth(0)')选择匹配元素集中的第n个元素,如页面中第一个段落

$('tag:gt(n)')选择匹配元素集中索引值大于n的所有元素

$('tag:lt(n)')选择匹配元素集中索引值小于n的所有元素

$('tag:first')等价于:eq(0)

$('tag:last')选择匹配元素集中的最后一个元素

$('tag:parent')选择匹配元素集中包含子元素(文本节点也算)的所有元素

$('tag:contains('test')')选择匹配元素集中包含指定文本的所有元素

$('tag:visible')选择匹配元素集中所有可见的元素(包括display属性为block和inline、visibility属性为visible以及type属性不是hidden的表单元素)

$('tag:hidden')选择匹配元素集中所有隐藏的元素(包括display属性为none、visibility属性为hidden以及type属性为hidden的表单元素)




评论

© 完全感觉Dreamer | Powered by LOFTER