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

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

2016-10-25 17:43 603 查看
jquery增加,移除,修改一个html标签的class名字

<div class="default fl fv
lv"></div>一个标签可以指定多个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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: