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";

}　　

);