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

jquery增加、移除、修改一个html标签的class名字

2014-08-15 16:04 471 查看
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");

原文地址:http://blog.sina.com.cn/s/blog_a1c79a7f0101c9j4.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: