第70天：jQuery基本选择器（一）

一，jQuery基本选择器

 

jQuery的是JavaScript的一个的库，包含多个可重用的函数，用来辅助我们简化JavaScript的开发

 

jQuery的能做的 javascipt的都能做到，而 JavaScript的能做的事情，jQuery的不一定能做到。

 

1，CSS选择器

 

CSS 选择器回顾
符号	说明	用法
＃ID	ID选择器	#id {color：red; }
。类	类选择器	.class {//}
E lement	标签选择器	P {//}
*	通配符选择器	配合其他选择器来使用
，	集并选择器	格，P {}
空格	后代选择器	div span {} 选择DIV下面所有后代的跨度
>	子代选择器	div> span {}
+	紧邻选择器	DIV + P 选择的div紧挨着的下一个p元素

2，  jQuery基本选择器

基本选择器
符号	说明	用法
$（“ ＃demo ” ）	选择ID为演示的第一个元素	$（“＃演示”）。CSS（“背景”，”红”）
$（“。liItem ” ）	选择所有类名（样式名）为liItem的元素	$（“ liItem”）。CSS（“背景”，”红色”）;
$（“ div ” ）	选择所有标签名字为格的元素	$（“分区”）。CSS（“背景”，”红色”）;
$（“ * ” ）	选择所有元素 少用或配合其他选择器来使用	$（“*”）。CSS（“背景”，”红色”）
$（“。liItem，div ” ）	选择多个指定的元素，这个地方是选择出了.liItem元素和div元素	$（“ liItem，DIV”）。CSS（“背景”，”红色”）

3，层级选择器

层级选择器
符号	说明	用法
空格	后代选择器 选择所有的后代元素	$（“div span”）。CSS（“背景”，”红色”）;
>	子代选择器 选择所有的子代元素	$（“div> span”）。CSS（“背景”，”红色”）
+	紧邻选择器 选择紧挨着的下一个元素	$（“div + p”）。CSS（“背景”，”红色”）
〜	兄弟选择器 选择后面的所有的兄弟元素	$（“div~p”）。CSS（“背景”，”红色”）

 

 

如图4所示，过滤选择器

基本过滤选择器
符号	说明	用法
：当量（指数）	索引是从0开始的一个数字，选择序号为索引的元素。选择第一个匹配的元素。	$（“李：EQ（1）”）。CSS（“背景”，”红色”）
：GT（指数）	索引是从0开始的一个数字，选择序号大于index的元素	$（“利：GT（2）”）。CSS（“背景”，”红色”）
：LT（指数）	索引是从0开始的一个数字，选择小于index的元素	$（“利：LT（2）”）。CSS（“背景”，”红色”）
：奇	选择所有序号为奇数行的元素	$（“李：奇”）。CSS（“背景”，”红色”）
：甚至	选择所有序号为偶数的元素	$（“李：连”）。CSS（“背景”，”红色”）
：第一	选择匹配第一个元素	$（“李：第一次”）。CSS（“背景”，”红色”）
：持续	选择匹配的最后一个元素	$（“李：最后”）。CSS（“背景”，”红色”）

 

5，属性选择器

属性选择器
符号	说明	用法
$（“ a [href] ” ）	选择所有包含的HREF属性的元素	$（“一个[HREF]”）。CSS（“背景”，”红色”）
$（“ a [href = ' itcast ' ] ” ）	选择的href属性值为itcast的所有一个标签	$（“一个[HREF = 'itcast']”）。CSS（“背景”，”红色”）
$（“ [a [href！= ' baidu ' ] ” ）	选择所有的href属性不等百度的所有元素，包括没有HREF的元素	$（“一[HREF！= '百度']”）。CSS（“背景”，”红色”）
$（“ a [href ^ = ' web ' ] ” ）	选择所有以网页开头的元素	$（“一个[HREF ^ = '卷筒纸']”）。CSS（“背景”，”红色”）
$（“ a [href $ = ' cn ' ] ” ）	选择所有以CN结尾的元素	$（“一个[HREF $ = 'CN']”）。CSS（“背景”，”红色”）
$（“ a [href * = ' i ' ] ” ）	选择所有包含我这个字符的元素，可以是中英文	$（“一个[HREF * = 'I']”）。CSS（“背景”，”红色”）
$（“ a [href] [title = ' 我' ] ” ）	选择所有符合指定属性规则的元素，都符合才会被选中。	$（“一个[HREF] [标题= '我']”）。CSS（“背景”，”红色”）