JQuery是一個著名的JavaScript庫,它強大而靈活,可以一定程度上簡化JavaScript編程。在JQuery中,我們可以使用通用的類選擇器和標準的CSS屬性選擇器來操作文檔中的元素,如下所示:
$(document).ready(function () { $("p").css("color", "red"); });
上面的代碼表示在頁面加載完成后,將所有段落元素的顏色值都設置為紅色。但是在實際開發中,有時候我們需要設置一個元素的多個CSS屬性,這時候就可以使用CSS屬性連寫,代碼如下:
$(document).ready(function () { $("p").css({ "color": "red", "font-size": "16px", "line-height": "1.5", }); });
上面的代碼將所有段落元素的顏色、字體大小和行高都設置了,每個屬性之間用逗號隔開,屬性名和屬性值之間用冒號隔開。此外,如果你需要在元素上添加多個CSS類,也可以使用addClass()函數和空格分隔多個類名:
$(document).ready(function () { $("p").addClass("class1 class2"); });
上面的代碼將所有段落元素添加了class1和class2兩個CSS類。在實際應用中,CSS屬性連寫和addClass()函數的使用可以讓我們的代碼更簡潔明了,提高開發效率。
下一篇Css在DWCS6