码迷,mamicode.com
首页 > Web开发 > 详细

jquery增加,移除,修改一个html标签的class类名

时间:2016-09-18 22:23:19      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:

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");

jquery增加,移除,修改一个html标签的class类名

标签:

原文地址:http://www.cnblogs.com/dxh2016/p/5883186.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!