上一节:
下一节:

  jQuery removeClass() 方法

  • 定义和用法

    removeClass() 方法从被选元素移除一个或多个类。
    注意：如果没有规定参数，则该方法将从被选元素中删除所有类。

  • 语法

    $(selector).removeClass(classname,function(index,currentclass))

  • 参数描述

    参数 描述
    classname
    可选。规定要移除的一个或多个类名称。如需移除若干个类，请使用空格分隔类名称。
    注意：如果该参数为空，则将移除所有类名称。
    function(index,currentclass)
    可选。返回要移除的一个或多个类名称的函数。
    • index - 返回集合中元素的 index 位置。
    • currentclass - 返回被选元素的当前类名。

  • 实例

    下例演示了显示如何从不同元素中删除特定的类属性： 
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到菜鸟教程</title>
    <style>
        .important {
           font-weight: bold;
           font-size: 18px;
        }
        .blue {
           color: blue;
        }
    </style>
    //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
          $("button").click(function(){
            $("h1,h2,p").removeClass("blue");
          });
        });
    </script>
    </head>
    <body>
       <h1 class="blue">这个是h1 </h1>
       <h2 class="blue">这个是h2 </h2>
       <p class="blue">这是另一个段落。 </p>
       <button>移除所有P元素的样式属性</button>
    </body>
    </html>
    尝试一下

  • 相关页面

返回 jQuery HTML/CSS 参考
上一节:
下一节: