亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

首頁課程jQuery Fun ClassModule 3: Manipulating CSS

Module 3: Manipulating CSS

目錄列表

添加CSS

添加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")


將代碼補(bǔ)充完整,將類名“text”和“menu”添加到&lt;p&gt;元素。

"p").addClass(" ");

刪除CSS刪除CSS

removeClass()方法從所選元素中刪除一個或多個類名。

例如:

$("div").removeClass("red");

上面的代碼從div元素中刪除類“red”。

同樣,可以通過使用空格分隔來指定多個類名。


正確填空

<p class="a b"></p>的class在執(zhí)行下列代碼以后會是

切換CSS

切換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");
  });
});

上面的代碼在點(diǎn)擊按鈕時切換類名“紅色”。


執(zhí)行完一下代碼,<p>標(biāo)簽還有邊框 , <style> .test { border-style: solid;}</style><p class="test">Some text</p> $(".test").removeClass("test");