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