属性过滤选择器和子元素过滤选择器

属性过滤选择器

1、[attribute]

        用法: $(”div[id]“) ;  返回值  集合元素

      说明: 匹配包含给定属性的元素. 例子中是选取了所有带”id”属性的div标签.

2、[attribute=value]

        用法: $(”input[name='newsletter']“).attr(”checked”, true);    返回值  集合元素

      说明: 匹配给定的属性是某个特定值的元素.例子中选取了所有 name 属性是 newsletter 的 input 元素.

3、[attribute!=value]

        用法: $(”input[name!='newsletter']“).attr(”checked”, true);    返回值  集合元素

      说明: 匹配所有不含有指定的属性，或者属性不等于特定值的元素.

4、[attribute^=value]

        用法: $(”input[name^=‘news’]“)  返回值  集合元素 

      说明: 匹配给定的属性是以某些值开始的元素.

5、[attribute$=value]

    用法: $(”input[name$=‘letter’]“)  返回值  集合元素 

     说明: 匹配给定的属性是以某些值结尾的元素.

6、[attribute*=value]

    用法: $(”input[name*=‘man’]“)   返回值  集合元素

     说明: 匹配给定的属性是以包含某些值的元素.

7、[attributeFilter1][attributeFilter2][attributeFilterN]

        用法: $(”input[id][name$=‘man’]“)  返回值  集合元素

     说明: 复合属性选择器,需要同时满足多个条件时使用.又是一个组合,这种情况

      我们实际使用的时候很常用.这个例子中选择的是所有含有 id 属性,并且

     它的 name 属性是以 man 结尾的元素.

jquery常用子元素过滤选择器

1、:nth-child(index/even/odd/equation)

用法: $(”ul li:nth-child(2)”)   返回值  集合元素

      说明: index从1开始，equation可以类似3n+1，为每一个父元素匹配第n个子元素

2、:first-child

    用法: $(”ul li:first-child”)    返回值  集合元素 

      说明: ’:first’ 只匹配一个元素,而此选择器将为每个父元素匹配第一个子元素li.

3、:last-child

    用法: $(”ul li:last-child”)      返回值  集合元素

      说明: ’:last’只匹配一个元素,而此选择符将为每个父元素匹配一个子元素.

 4、: first-of-type

        用法: $(”div span:first-of-type”)   返回值  集合元素 

      说明: 只要span是同类中的第一个就可被选中

 5、: last-of-type

        用法: $(”div span:last-of-type”)   返回值  集合元素 

      说明: 只要span是同类中的最后一个就可被选中