锋利的jQuery初学（4）

css选择器与jQuery选择器

　　　　

css选择器

符号	说明	用法
#id	选择器	#id{}
.class	类选择器	.class{}
Element	标签选择器	p{}
,	并集选择器	div,p{}
*	通配符选择器	配合其他选择器使用
空格	后代选择	div span{选择div下所有span元素}
>	子代元素	div>p{div下的亲子p}
+	紧邻选择器	div+p{div紧挨着的下一个p元素}

　　

jQuery基本选择器

符号	说明	用法
$("#id").	选择id对应的元素	$("id").css("background","red");
$(".iteam")	选择所有iteam的多个元素	$("iteam").css("","");
$("div")	标签名字为div的元素	$("div").css("标签属性","标签属性值");
$("*")	通配符选择器	$("*").css("","")
$(".iteam,div")	选择指定的多个元素	$(".iteam,div").css("")

jQuery设置css多个样式：

　　　　$("li").css(

　　{

　　"background-color":"red";

　　"font-size":"18px";

}

)

函数设置元素样式:

　　　　$("li").css("fontsize",function(index,value)

　　　{

　　　　// index:当前元素的索引号；

　　　　// value:表示当前元素要设置的样式

　　　　// console.log(index);

　　　　//console.log(value);

　　　　return (index+1)*10+"px";

}　　

);