子元素过滤选择器
选择器 | 描述 | 返回 | 示例 |
---|---|---|---|
:nth-child(index/even/odd/equation) |
选取每个父元素下的第index个子元素或者奇偶元素(index从1算起) | 集合元素 | :eq(index) 只匹配一个元素,而:nth-child 将为每一个父元素匹配子元素,并且:nth-child(index) 的index是从1开始的,而:eq(index) 是从0算起的 |
:first-child |
选取每个父元素的第一个子元素 | 集合元素 | :first 只返回单个元素,而:first-child 选择符将为每个父元素匹配第一个子元素。例如 $('ul li:first-child'); 选取每个<ul> 中第一个<li> 元素 |
:last-child |
选取每个父元素的最后子元素 | 集合元素 | 同样,:last 只返回单个元素,而:last-child 选择符将为每个父元素匹配最后一个子元素。例如 $('ul li:last-child'); 选择每个<ul> 中最后一个<li> 元素 |
:only-child |
如果某个元素是它父元素中唯一的子元素,那么将会被匹配。如果父元素中含有其他元素,则不会被匹配 | 集合元素 | $('ul li:only-child') 在 <ul> 中选取是唯一子元素的<li> 元素 |