add

英 [?d]? ?美 [?d]??

vt.增加;補充;附帶說明;把…包括在內(nèi)

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

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

class

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

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

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

adj.很好的,優(yōu)秀的,出色的

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

jquery addClass()方法 語法

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

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

參數(shù):

參數(shù)描述
class? ??必需。規(guī)定一個或多個 class 名稱。? ??

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

參數(shù):

參數(shù)描述
function(index,oldclass)?必需。規(guī)定返回一個或多個待添加類名的函數(shù)。
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>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例