add

英[æd]   美[æd]  

vt.增加;補充;附帶說明;把…包含在內

vi.增加;做加法;累積而成;擴大

n.加法,加法運算;(一篇報道的)補充部分

class

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

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

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

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

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

jquery addClass()方法 語法

作用:addClass() 方法將被選元素新增一個或多個類別。此方法不會移除已存在的 class 屬性,僅新增一個或多個 class 屬性。如需新增多個類,請使用空格分隔類名。

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

#參數:

##參數描述class    必要。規定一個或多個 class 名稱。

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

參數:

參數描述#function(index,oldclass) 
###### #必需。規定傳回一個或多個待添加類別名稱的函數。 ############index ######可選。選擇器的 index 位置。 ############class######可選。選擇器的舊的類別名稱。 ############

jquery addClass()方法 範例

<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:first").addClass("intro");
  });
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>向第一个 p 元素添加一个类</button>
</body>
</html>
執行實例 »

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

#