jQuery是一種簡(jiǎn)單易用的JavaScript庫(kù),它能夠極大地簡(jiǎn)化前端開發(fā)過(guò)程。其中一個(gè)很常用的功能就是改變CSS樣式。
$(selector).css(property,value);
其中的selector是選擇器,property是欲改變的CSS屬性名,value是屬性的值。可以改變?nèi)魏蜟SS屬性,例如:
$("p").css("color","red"); $("p").css("background-color","#ccc"); $("p").css("font-size","20px");
上述代碼將會(huì)改變頁(yè)面中所有p標(biāo)簽的字體顏色、背景顏色和字體大小。
另外,也可以在同一個(gè)函數(shù)中改變多個(gè)屬性:
$("p").css({"color":"red", "background-color":"#ccc", "font-size":"20px"});
上述代碼的效果與之前的代碼相同。
除了以上的寫法,還可以使用addClass()、removeClass()和toggleClass()等函數(shù)來(lái)添加、刪除和切換CSS類。例如:
$("p").addClass("important"); //給所有p標(biāo)簽添加class為important的樣式類。 $("p").removeClass("important"); //從所有p標(biāo)簽中刪除class為important的樣式類。 $("p").toggleClass("important"); //如果p標(biāo)簽有class為important的樣式類,則刪除;否則添加。
總之,使用jQuery來(lái)改變CSS樣式非常方便,可以減少重復(fù)的代碼,提高開發(fā)效率。