jQuery中的addClass方法

addClass方法是jQuery中一個非常實用的方法之一，他可以添加一個或多個類名到匹配的元素中，同時不會影響元素原有的類名。通過addClass方法，我們可以很方便地添加樣式類名，實現更加靈活多變的交互效果。

使用addClass方法

$('element').addClass('className');
//添加多個類名
$('element').addClass('className1 className2 className3');

addClass方法的參數可以是一個或多個類名。當元素原本沒有該類名時，addClass方法就會將該類名添加到元素中；而當元素已經擁有該類名時，則不會進行重復添加操作。

舉個例子

//html代碼
<div class="box">這是一個box</div>
//css代碼
.color {
color: red;
}
//js代碼
$('div').click(function() {
$(this).addClass('color');
});

觸發div的點擊事件后，該元素上的類名就會發生改變，從而讓文本顏色變成紅色。這樣，通過addClass方法就可以輕松地增強交互效果，實現更加多彩的頁面交互。

總結

addClass方法是jQuery中一個非常實用的方法，他可以添加一個或多個類名到匹配的元素中，實現更加靈活多變的交互效果。