国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁(yè)課程jQuery Fun ClassModule 3: Manipulating CSS

Module 3: Manipulating CSS

目錄列表

添加CSS

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


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

"p").addClass(" ");

刪除CSS刪除CSS

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

例如:

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

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

同樣,可以通過(guò)使用空格分隔來(lái)指定多個(gè)類名。


正確填空

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

切換CSS

切換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í)切換類名“紅色”。


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