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
一个标签可以指定多个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
相关文章推荐
- jquery增加,移除,修改一个html标签的class名字。
- jquery增加,移除,修改一个html标签的class名字
- jquery增加,移除,修改一个html标签的class名字
- jquery增加,移除,修改一个html标签的class名字
- jquery 动态移除/增加onclick 增加,移除,修改一个html标签的class名字
- jquery增加,移除,修改一个html标签的class类名
- jquery增加,移除,修改一个html标签的class类名
- jquery增加,删除,修改class的名字
- a标签跳转到指定div,jquery添加和移除class属性的实现方法
- jquery 给html指定标签增加元素
- jquery点击li标签之后在该li标签上添加一个class,点击下一个li时删除上一个li的class
- jQuery 选择器字典 表示可以任意选择一个html 的标签。
- jquery 获取 html 标签的 class 值
- jquery 给html指定标签增加元素
- a标签跳转到指定div,jquery添加和移除class属性
- jQuery .html()用为读取和修改元素的HTML标签 对应js中的innerHTML[通过ID获取元素]
- html对select标签实现数据动态增加,删除,修改功能。
- (原创)利用扩展方法,给 IEnumerable<T> 增加一个生成 Html 的 select 标签的方法,不用 C# 中的反射技术
- jQuery编辑Select标签 增加修改删除 选
- jQuery如何增加、修改、删除一个jQuery对象的class类