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");