jQuery removeClass() 方法

实例

从所有 <p&gt 元素中删除类名 "intro":

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("button").click(function(){
  8. $("p").removeClass("intro");
  9. });
  10. });
  11. </script>
  12. <style>
  13. .intro {
  14. font-size: 120%;
  15. color: red;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <h2>这是一个标题</h2>
  21. <p class="intro">这是一段文本</p>
  22. <p class="intro">这是另外一段文本</p>
  23. <button>从所有 p 元素中删除 "intro" 样式类</button>
  24. </body>
  25. </html>

定义与用法

removeClass() 方法从选定元素中删除一个或多个样式类名。

注意:如果未指定参数,此方法将从选定元素中删除所有样式类名。


语法

  1. $(selector).removeClass(classname,function(index,currentclass))
参数描述
classname可选。指定要删除的一个或多个类名。要删除多个类,请用空格分隔类名
注意:如果此参数为空,则将删除所有样式类名
function(index,currentclass)可选。返回一个或多个要删除的样式类名的函数
  • index - 返回元素在集合中的索引位置
  • currentclass - 返回选定元素的当前样式类名

更多实例

如何使用 addClass() 和removeClass() 删除一个类名,并添加一个新样式类名。

使用函数从选定元素中删除样式类

如何从所选元素中删除多个样式类名

分类导航