JQuery选择器特辑 详细小结

2020-05-22 15:47:58易采站长站整理



:last-child



选取每个父元素的最后一个子元素



集合元素



:last只返回单个元素,而:last-child选择符将为每个父元素匹配最后一个子元素




:only-child



如果某个元素是它父元素中唯一的子元素,那么将会被匹配。如果父元素中含有其他元素,则不会被匹配



集合元素



 


:nth-child()选择器详细功能


(1):nth-child(even)能选取每个父元素下的索引值是偶数的元素。


(2):nth-child(odd) 能选取每个父元素下的索引值是奇数的元素。


(3):nth-child(2)能选取每个父元素下的索引值等于2的元素


(4):nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素,(n从0开始)。


(5):nth-child(3n+1)能选取每个父元素的索引值是(3n+1)的元素。(n从0开始)


表6-表单对象属性过滤选择器


 


























选择器


描述


返回


示例


:enabled


选取所有可用元素


集合元素


$(“#form1:enabled”) ;选取id为”form1”的表单内的所有可用元素


:disabled


选取所有不可用元素


集合元素


$(“#form1:disabled”) ;选取id为”form1”的表单内的所有不可用元素


:checked


选取所有被选中的元素(单选框,复选框)


集合元素


$(“input:checked”);选取所有被选中的<input>元素