2021-05-26

Jquery选择器简单的认识

选择器允许您对元素组或单个元素进行操作。

jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。 

在 HTML DOM 术语中：选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。

 下面我们介绍几种常用选择器:元素选择器:通过选择html标签：

分类	选择器	描述
	*	选取所有元素
基础	id	根据给定的 ID 匹配一个元素    注意:ID命名不能以数字开头
	class	根据给定的类匹配元素    注意:class命名不能以数字开头
	element	根据给定的元素名匹配所有元素
层级	selector1,…… ,selectorN	将每一个选择器匹配到的元素合并后一起返回
	ancestor descendant	在给定的元素 ancestor 下匹配所有的后代元素
	parent >child	在给定的元素 parent 下匹配所有的子元素
	prev + next	匹配所有紧接在 prev 元素后的相邻元素
	prev ~ siblings	匹配 prev 元素之后的所有兄弟元素
筛选	:first	获取第一个元素
	:last	获取最后一个元素
	:not()	去除所有与给定选择器匹配的元素          1. $("p:not(.intro)") 选取除了.intro 元素以外的所有 p 元素
	:even	匹配所有索引值为偶数的元素，从0开始计数
	:odd	匹配所有索引值为奇数的元素，从0开始计数
	:eq()	匹配一个给定索引值的元素
	:gt()	匹配所有大于给定索引值的元素
	:lt()	匹配所有小于给定索引值的元素
	:lang+1.9	选择指定语言的所有元素。
	:header	匹配如h1, h2,h3之类的标题元素
子元素	:first­child	匹配第一个子元素
	:last­child	匹配最后一个子元素
	first­of­type 1.9+	选择所有相同的元素名称的第一个兄弟元素
	:last­of­type 1.9+	选择的所有元素之间具有相同元素名称的最后一个兄弟元素
	:nth­child()	匹配某个元素，该元素必须是某个父元素下的第n个子元素
	:nth­last­child() 1.9+	选中某个元素，该元素必须是某个父元素下的倒数第 n 个子元素。序号从 1 开始
	:nth­of­type() 1.9+	选中某个元素，该元素必须是某个父元素下的指定类型第 n 个子元素。序号从 1 开始
	:only­child	如果某个元素是父元素中唯一的子元素，那将会被匹配
	:only­of­type 1.9+	选择所有没有兄弟元素和自己相同类型的元素