addClass()方法將一個或多個類名稱添加到所選元素。
此方法不會刪除現(xiàn)有的類屬性,而只會向該類屬性添加一個或多個類名稱。
添加類別:
$(selector).addClass(className)
使用函數(shù)添加類:
$(selector).addClass(function(index, currentClass))
在第一個<p>元素中添加一個類名:
$("button").click(function(){
$("p:first").addClass("highlight");
});測試看看?/?一次可以將多個類(用空格隔開)添加到所選元素,如下所示:
$("button").click(function(){
$("p:first").addClass("highlight big");
});測試看看?/?使用函數(shù)添加類:
$("p").addClass(function(index, currentClass) {
let addedClass;
if(currentClass === "red") {
addedClass = "green";
$(this).text("有一個綠色的段落");
}
return addedClass;
});測試看看?/?使用removeClass()刪除一個類名,并用addClass()添加一個新的類名:
$("button").click(function(){
$("p").removeClass("red").addClass("green");
});測試看看?/?| 參數(shù) | 描述 |
|---|---|
| className | 指定要添加的一個或多個以空格分隔的類名 |
| function(index, currentClass) | 函數(shù),該函數(shù)返回一個或多個以空格分隔的類名稱,以將其添加到現(xiàn)有的類名稱中
|