jquery增加,删除,修改class的名字
2016-04-25 15:09
537 查看
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");
一个标签可以指定多个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+css3实现的超酷圆角tab选项卡切换效果
- JQuery上传插件Uploadify使用详解
- jquerymobile笔记之赋值刷新
- 封装jquery中的ajax
- JQuery获取与设置HTML元素的内容或文本的实现代码
- jQuery与Ajax
- jQuery事件
- jQuery操作DOM元素
- jQuery表单选择器
- jQuery过滤选择器
- jQuery-基础选择器
- jquery中的页面加载方法load()
- JQuery中eq()和get()的区别
- JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)
- Jquery实现自己的回调函数
- jquery 格式化系统时间
- jquery跨域问题
- 解决jquery与zepto等其它库冲突兼容的问题
- PHP语言 -- jquery
- jquery学习02(效果)