Jquery 选择器

1，基本选择器

• #id: id选择器
• element：元素选择器
• Class：类选择器
• Select选择器，多项挑出来集合到一起。
• ：first：冒号前这个元素的第一个元素
• ：last：冒号前这个元素的最后一个元素
• ：even：冒号前这个元素的下标为偶数的元素
• ：odd：冒号前这个元素的下标为奇数的元素
• ：eq（index）：获取括号指定下标的元素
• ：gt（index）：查找大于index索引的元素
• ：lt（index）：查找小于index索引的元素
• ：header：所有的H标签元素。冒号前无元素。
• :not（）：括号里为不选择谁，冒号前为父元素。

 

2，层级选择器

• ancestor descendant:指ancestor里面的所有descendant元素
• Parent>child:选择parent元素的子元素
• Selectr+:获取下一个兄弟元素
• Selectr~:获取后面所有的兄弟元素

  3，内容选择器：

  • ：contains('abc')    指匹配含有abc内容的元素。
  • ：empty：匹配内容为空的元素。
  • ：has( selecter):选择包含有selecter的选择器
  • :parent：选择作为父元素的元素。

  4，属性选择器：

• attribute:属性选择为自己
• Attribuet=“value”，查找属性为value的元素
• Attribuet！='value”'查找属性不为value的元素
• Attribute^='value'查找以value开头的属性
• Attribute$='valu'查找以value结尾的属性

举例   $("img[src^='a']").css({background:'red'})

5，子元素选择器

Type 阵营，child阵营

• ：first-child，first-type-of:
• ：last-child,last-type-of:
• ：nth-child(n),  nth-of-type(n):
• ：nth-last-child(n),nth-last-of-type(n):找倒数第n个元素

6,表单选择器

：input：找到input元素

：text：找到text元素

：submit：找到submit 元素