CSS()方法是在jQuery中常用的一個(gè)方法,它的作用是用于設(shè)置或獲取HTML元素的樣式屬性。這個(gè)方法是一個(gè)非常方便和強(qiáng)大的工具,使我們能夠動(dòng)態(tài)地修改元素的樣式,不需要改變HTML文檔的內(nèi)容。
使用CSS()方法的語法如下:
$(selector).css(property,value)
其中,selector
是需要修改樣式的HTML元素的選擇器,property
是需要修改的CSS屬性名稱,value
則是該屬性的新值。需要注意的是,當(dāng)我們沒有傳遞value
參數(shù)時(shí),CSS()方法會(huì)默認(rèn)為我們獲取該元素的CSS屬性值。
例如,如果我們想要將一個(gè)元素的背景顏色改為藍(lán)色,可以這么寫:
$("p").css("background-color","blue");
可以看到,這段代碼中我們選取了所有的p
元素,并將它們的背景顏色修改為了藍(lán)色。
此外,在使用CSS()方法時(shí),還可以同時(shí)修改一個(gè)元素的多個(gè)屬性,只需要在方法中傳遞一個(gè)JavaScript對(duì)象即可,例如:
$("p").css({"background-color":"blue","font-size":"20px"});
上述代碼將選取頁面中的所有p
元素,同時(shí)將它們的背景顏色設(shè)為藍(lán)色,字體大小設(shè)為20px。
總的來說,CSS()方法為我們提供了一種便捷的方式來動(dòng)態(tài)地修改HTML元素的樣式,使頁面的樣式更加靈活,自由。