您的位置:首页 > Web前端 > JQuery

jquery增加,删除,修改class的名字

2016-04-25 15:09 537 查看
jQuery增加,移除,修改一个html标签的class名字
一个标签可以指定多个class

1.         增加一个class:

   $(".default").addClass("hover_s");

2.         移除一个class:

  $(".default").removeClass("default ");

3.         修改一个class:

3.1   可以分两步走:

   1 先增加一个你要增加的class

  $(".default").addClass("hover_s");

 

2 再删除一个你想要删除的class

  $(".default").removeClass("default ");

 

   或者反过来,先删除,后增加也行。

3.2   可以直接设置成你想要的class

   $(". default ").attr("class", " hover_s fl fv lv ");

4.         当鼠标移到,离开指定标签时修改class

   移到时改成hover_s,离开时改成default

   $(".default").hover(function () {

   $(this).addClass("hover_s");

   $(this).removeClass("default");

   }, function () {

   $(this).addClass("default");

   $(this).removeClass("hover_s");

   });

5.         获取标签的所有class

   var classname_module = $(".lv").attr("class");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: