程式設計@筆記

一次可以添加一個以上的css class，由一個空格分隔，以匹配元素的集合，如下所示：

$("p").addClass( "myClass yourClass" );
這種方法通常用於.removeClass()將元素的類從一個切換到另一個，如下所示：

$("p" ).removeClass("myClass noClass").addClass( "yourClass" );
在這裡，myClass和noClass類將被刪除所有段落，而yourClass被添加。 

從jQuery 1.4開始，.addClass()方法的參數可以接收一個函數。
$( "ul li" ).addClass(function(index) {
return "item-" + index;
});

例：
<style>
div {
background: white;
}
.red {
background: red;
}
.red.green {
background: green;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<div>This div should be white</div>
<div class="red">This div will be green because it now has the "green" and "red" classes.
It would be red if the addClass function failed.</div>
<div>This div should be white</div>
<p>There are zero green divs</p>

<script>
$("div").addClass(function(index,currentClass) {
var addedClass;
if ( currentClass === "red" ) {
addedClass = "green";
$("p").text( "There is one green div" );
}
return addedClass;
});
</script>