我是靠谱客的博主 冷艳导师,这篇文章主要介绍jquery怎么移除多个class,现在分享给大家,希望可以做个参考。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中,可以使用removeClass()方法来移除多个class类。

removeClass() 方法从被选元素移除一个或多个class类。

语法:

复制代码
1
$(selector).removeClass(class)
登录后复制
参数描述
class

可选。规定要移除的 class 的名称。

如需移除若干类,请使用空格来分隔类名。

如果不设置该参数,则会移除所有类。

如果removeClass() 方法没有规定参数,则该方法将从被选元素中删除所有类。

示例1:移除多个class类

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { $("p").removeClass("intro1 intro2"); }) }) </script> <style type="text/css"> .intro1 { font-size: 120%; } .intro2 { color: red; } .intro3 { background-color:pink; } </style> </head> <body> <h1>一个大标题</h1> <p class="intro1 intro2 intro3">一个p段落</p> <p>另一个p段落</p> <button>从第一个p元素中删除多个class</button> </body> </html>
登录后复制

1.gif

示例2:移除全部class类

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { $("p").removeClass(); }) }) </script> <style type="text/css"> .intro1 { font-size: 120%; } .intro2 { color: red; } .intro3 { background-color:pink; } </style> </head> <body> <h1>一个大标题</h1> <p class="intro1 intro2 intro3">一个p段落</p> <p>另一个p段落</p> <button>从第一个p元素中删除多个class</button> </body> </html>
登录后复制

2.gif

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么移除多个class的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是冷艳导师最近收集整理的关于jquery怎么移除多个class的全部内容,更多相关jquery怎么移除多个class内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(136)

评论列表共有 0 条评论

立即
投稿
返回
顶部