jQuery 属性操作 toggleClass()方法

jQuery 属性操作 - addClass() 方法

对元素添加类样式

jQuery 属性操作 - removeClass() 方法

对元素移除类样式

jQuery 属性操作 - toggleClass() 方法

对设置和移除所有 <p> 元素的 "main" 类进行切换：

$("button").click(function(){
    $("p").toggleClass("main");
});

示例：

<style type="text/css">.main{font-size:120%;color:red;} </style><script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript"> $(document).ready(function(){
     $("button").click(function(){
     $("p").toggleClass("main");}); }); </script><p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">切换段落的 "main" 类</button>