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

}　　

);