在jQuery中,有許多方法可用于處理CSS樣式,包括添加、修改、獲取和刪除CSS屬性。本文將介紹一些常用的方法。
添加CSS樣式:
$(selector).css(property, value); //添加單個屬性 $(selector).css({property1:value1, property2:value2,...}); //添加多個屬性
修改CSS樣式:
$(selector).css(property, value); //修改單個屬性 $(selector).css({property1:value1, property2:value2,...}); //修改多個屬性
獲取CSS樣式:
$(selector).css(property); //獲取單個屬性值 $(selector).css([property1, property2, ...]); //獲取多個屬性值
刪除CSS樣式:
$(selector).css(property, ''); //刪除單個屬性 $(selector).css({property1:'', property2:'',...}); //刪除多個屬性
示例:
//添加CSS樣式 $("p").css("background-color", "yellow"); $("p").css({"background-color": "yellow", "font-size": "200%"}); //修改CSS樣式 $("p").css("background-color", "red"); $("p").css({"background-color": "red", "color": "white"}); //獲取CSS樣式 $("p").css("background-color"); $("p").css(["background-color", "color"]); //刪除CSS樣式 $("p").css("background-color", ''); $("p").css({"background-color": '', "color": ''});
通過這些簡單的jQuery方法,可以輕松地添加、修改、獲取和刪除CSS樣式。