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)有的類名稱中
|