jQuery addClass() 方法

jQuery HTML/CSS 方法

addClass()方法將一個或多個類名稱添加到所選元素。

此方法不會刪除現(xiàn)有的類屬性,而只會向該類屬性添加一個或多個類名稱。

語法:

添加類別:

$(selector).addClass(className)

使用函數(shù)添加類:

$(selector).addClass(function(index, currentClass))

實(shí)例

在第一個<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ù)值

參數(shù)描述
className指定要添加的一個或多個以空格分隔的類名
function(index, currentClass)函數(shù),該函數(shù)返回一個或多個以空格分隔的類名稱,以將其添加到現(xiàn)有的類名稱中
  • index-返回元素在集合中的索引位置

  • currentClass-返回所選元素的當(dāng)前類名稱

jQuery HTML/CSS 方法

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清