jquery动态添加/移除/删除/class

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类,不是增加哦。

相关文章

1.第一步 设置响应头 header('Access-Control-Allow...
$.inArray()方法介绍 $.inArray()函数用于在数组中搜索指定的...
jquery.serializejson.min.js的妙用 关于这个jquery.seriali...
JS 将form表单数据快速转化为object对象(json对象) jaymou...
jQuery插件之jquery.spinner数字智能增减插件 参考地址:http...