1. 程式人生 > >Jquery操作CSS樣式

Jquery操作CSS樣式

//1、獲取和設定樣式
$("#tow").attr("class");//獲取ID為tow的class屬性
$("#two").attr("class","divClass");//設定Id為two的class屬性。

//2、追加樣式
$("#two").addClass("divClass2");//為ID為two的物件追加樣式divClass2

//3、移除樣式
$("#two").removeClass("divClass");//移除 ID為two的物件的class名為divClass的樣式。
$(#two).removeClass("divClass divClass2")移除多個樣式。

//4、切換類名
$("#two").toggleClass("anotherClass") ;//重複切換anotherClass樣式

//5、判斷是否含有某項樣式
$("#two").hasClass("another")==$("#two").is(".another");

//6、獲取css樣式中的樣式
$("div").css("color");// 設定color屬性值. $(element).css(style)
//設定單個樣式
$("div").css("color","red");

//7設定多個樣式
$("div").css({fontSize:"30px",color:"red"});
$("div").css("height","30px")==$("div").height("30px");
$("div").css("width","30px")==$("div").height("30px");