精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

jquery使用addClass() 方法来增加class新类名,jquery使用removeClass()来删除指定的class属性,jquery使用 attr()来获取class的名字可以。

jquery的addClass()方法向被选元素添加一个或多个类名。

该方法不会移除已存在的 class 属性,仅仅添加一个或多个类名到 class 属性。

提示:如需添加多个类,请使用空格分隔类名。

向元素追加一个class类的代码

$(document).ready(function(){
  $("button").click(function(){
    $("p:first").addClass("intro note");
  });
});

使用函数向多个元素追加class类的代码

$(document).ready(function(){
  $("button").click(function(){
    $("p").addClass(function(n){
      return "par_" + n;
    });
  });
});

先移除一个class类再增加一个class类的代码

$(document).ready(function(){
  $("button").click(function(){
    $("p:last").removeClass("intro").addClass("main");
  });
});

jquery使用removeClass() 方法从被选元素移除一个或多个类。

青岛星网提醒:如果没有规定参数,则该方法将从被选元素中删除所有类。

jquery移除li前2个元素的class代码范例

$(document).ready(function(){
  $("button").click(function(){
      $("li").removeClass(function(n) {
      if (n==0||n==1) {return "listitem"}
      else {return ""}
    });
  });
});

jquery移除多个元素的多个不同class代码范例

$(document).ready(function(){
  $("button").click(function(){
    $("p,h1").removeClass("head intro main");
  });
});

最后青岛星网提醒:jquery中也可以用attr()方法来更改class类,用attr()的话是更改class类,不是增加哦。

Tags:jquery 增加class