JQuery选择器特辑 详细小结

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



[attribute^=value]



选取属性的值以value开始的元素



集合元素



$(“div[title^=test]”)选取属性title以”test”开始的<div>元素




[attribute$=value]



选取属性的值以value结束的元素



集合元素



$(“div[title$=test]”)选取属性title以”test”结束的<div>元素




[attribute*=value]



选取属性值含有value的元素



集合元素



$(“div[title*=test]”)选取属性title含有”test”的<div>元素




[selector1][selector2][selectorN]



用属性选择器合并成一个复合属性选择器,满足多个条件。每个选择一次,缩小一次范围



集合元素



$(“div[id][title$=’tets’]”)选取拥有属性id,并且属性title以”test”结束的<div>元素


表5-子元素过滤选择器


 



















选择器


描述


返回


示例


: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选择符将为每个父元素匹配第一个子元素