100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jq修改class_jquery增加 移除 修改一个html标签的class类名

jq修改class_jquery增加 移除 修改一个html标签的class类名

时间:2019-07-25 09:03:53

相关推荐

jq修改class_jquery增加 移除 修改一个html标签的class类名

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。