添加CSS
addClass()方法為選定的元素添加一個或多個類。
例如:
HTML:
<div>Some text</div> CSS: .header { color: blue; font-size:x-large; }
JS:
$("div").addClass("header");
上面的代碼分配了div元素的類“header”。
要在addClass()方法中指定多個類,只需使用空格分隔它們。 例如$("div").addClass("class1 class2 class3")
"p").addClass(" ");
removeClass()方法從所選元素中刪除一個或多個類名。
例如:
$("div").removeClass("red");
上面的代碼從div元素中刪除類“red”。
同樣,可以通過使用空格分隔來指定多個類名。
<p class="a b"></p>的class在執(zhí)行下列代碼以后會是
切換css
toggleClass()方法在從所選元素添加/刪除類之間切換,這意味著如果元素指定的類存在,則它將被刪除,如果不存在,則會被添加。
為了演示此操作,我們將處理一個按鈕單擊事件來切換一個類。 我們將在未來的模塊中更多地了解事件及其語法。
HTML:
<p>Some text</p> <button>Toggle Class</button>
CSS:
.red { color:red; font-weight: bold; }
JS:
$(function() { $("button").click(function() { $("p").toggleClass("red"); }); });
上面的代碼在點擊按鈕時切換類名“紅色”。