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 元素