2018/2/16 jquery 基本选择器

jquery 基本选择器 

1）回顾css选择器

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

 

2） jquery 基本选择器

基本选择器
符号	说明	用法
$(“#demo”)	选择id为demo的第一个元素	$(“#demo”).css(“background”,”red”)
$(“.liItem”)	选择所有类名（样式名）为liItem的元素	$(“.liItem”). css(“background”,”red”);
$(“div”)	选择所有标签名字为div的元素	$(“div”). css(“background”,”red”);
$(“*”)	选择所有元素 少用或配合其他选择器来使用	$(“*”). css(“background”,”red”)
$(“.liItem,div”)	选择多个指定的元素，这个地方是选择出了 .liItem元素和div元素	$(“.liItem,div”). css(“background”,”red”)

 

规律：$(selector).css(“background”,”red”);