jquery增,删,改一个html标签的class名字-优快云博客

本文介绍如何使用jQuery来增加、移除及修改HTML元素的Class属性。包括基本操作、响应鼠标事件时更改Class的方法以及获取元素所有Class的方式。

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/u/920442/blog/176918