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