Jquery 选择器
Posted 黑默
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 元素
以上是关于Jquery 选择器的主要内容，如果未能解决你的问题，请参考以下文章