通过本文主要向大家介绍了选择器,子元素等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
:nth-child(index/even/odd/equation)
':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！可以使用:
nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(2)
:nth-child(3n+1)
:nth-child(3n+2)
返回值
Array<Element>
参数
index (Number) : 要匹配元素的序号，从1开始
示例
在每个 ul 查找第 2 个li
HTML 代码:
jQuery 代码:
结果:
:first-child
返回值
Array<Element>
示例
在每个 ul 中查找第一个 li
HTML 代码:
jQuery 代码:
结果:
:last-child
返回值
Array<Element>
示例
在每个 ul 中查找最后一个 li
HTML 代码:
jQuery 代码:
结果:
:only-child
返回值
Array<Element>
示例
在 ul 中查找是唯一子元素的 li
HTML 代码:
jQuery 代码:
结果:
:input
返回值
Array<Element>
示例
查找所有的input元素
HTML 代码:
jQuery 代码:
结果:
:text
返回值
Array<Element>
示例
查找所有文本框
HTML 代码:
jQuery 代码:
结果:
:password
返回值
Array<Element>
示例
查找所有密码框
HTML 代码:
jQuery 代码:
结果:
:radio
返回值
Array<Element>
示例
查找所有单选按钮
HTML 代码:
jQuery 代码:
结果:
:submit
返回值
Array<Element>
示例
查找所有提交按钮
HTML 代码:
jQuery 代码:
结果: