Jquery操作CSS樣式
阿新 • • 發佈:2019-01-29
//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");