天天看點

jQuery |擷取并設定樣式css如何在不同的元素中删除指定的 class 屬性:如何對被選元素進行添加/删除類的切換操作

jQuery 操作 CSS

jQuery 擁有若幹進行 CSS 操作的方法。我們将學習下面這些:

addClass() - 向被選元素添加一個或多個類

removeClass() - 從被選元素删除一個或多個類

toggleClass() - 對被選元素進行添加/删除類的切換操作

css() - 設定或傳回樣式屬性

.important { font-weight:bold; font-size:xx-large; } .blue color:blue;

下面的例子展示如何向不同的元素添加 class 屬性。當然,在添加類時,您也可以選取多個元素:

$("button").click(function(){ $("h1,h2,p").addClass("blue"); $("div").addClass("important"); });

image.png

例如同時添加:"important blue"樣式

$("body div:first").addClass("important blue");

使用jQuery removeClass()

$("button").click(function(){$("h1,h2,p").removeClass("blue");});
$("h1,h2,p").toggleClass("blue");

繼續閱讀