jQuery的removeClass()方法


  翻譯結果:

remove

英[rɪˈmu:v]   美[rɪˈmuv]  

vt.去除;開除;脫掉,拿下;遷移

vi.遷移,移居;離開

n.距離,差距;移動

class

英[klɑ:s]   美[klæs]

n.班;階級;等級;種類

vt.把…歸入某等級,把…看作(或分類、歸類);把…編入某一班級

adj.很好的,優秀的,出色的

vi.屬於…類(或等級),被列為某類(或某級)

jQuery的removeClass()方法語法

作用:removeClass() 方法從被選元素移除一個或多個類別。如果沒有規定參數,則該方法將從被選元素中刪除所有類別。

語法:$(selector).removeClass(class)

參數:

參數說明
class    可選。規定要移除的 class 的名稱。如需移除若干類,請使用空格來分隔類別名稱。如果不設定該參數,則會移除所有類別。

使用函數移除類別:使用函數來刪除被選取元素中的類別。

語法:$(selector).removeClass(function(index,oldclass))

參數:

參數描述
function(index,oldclass) 必要。透過運行函數來移除指定的類別。
index 可選。接受選擇器的 index 位置。
html 可選。接受選擇器的舊的類別值。

jQuery的removeClass()方法範例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").removeClass("intro");
  });
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>

<body>
<h1 id="h1">This is a heading</h1>
<p class="intro">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>从第一个段落中删除类</button>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

首頁

影片

問答