1. //备注：addClass和removeClass方法的区别,两者属于Jquery库中的方法
    2. //addClass添加class样式
    3. //removeClass移出class样式
    4.  <!DOCTYPE html>
    5.      <html xmlns="http://www.w3.org/1999/xhtml">
    6.           <head>
    7.              <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    8.              <title></title>
    9.              <style type="text/css">
    10.               //定义Class样式
    11.               .addOrRemoveClassStyle
    12.               {
    13.                     color:red;
    14.                     fontsize:20px;
    15.               }
    16.              </style>
    17.              <script type="text/javascript" src="/Script/jquery-1.10.2.min.js"></script>
    18.              <script type="text/javascript">
    19.                 $(function(){
    20.                    $("#addClassStyle").click(function(){
    21.                        $("#addOrRemoveClass").addClass("addOrRemoveClassStyle");
    22.                    });
    24.                   $("#removeClassStyle").click(function(){
    25.                        $("#addOrRemoveClass").removeClass("addOrRemoveClassStyle");
    26.                    });
    27.                 })  
    28.              </script>
    29.          </head>
    30.        <body>
    31.           <p id="addOrRemoveClass">添加或者移除Class样式</span>
    32.           <button id="addClassStyle">添加样式</button>
    33.           <button id="removeClassStyle" >移除样式</button>
    34.         </body>
    35.      </html>
    37. 备注：由于是测试这两个方法，有读者肯定会说如果先点击了移出样式按钮，这样不就是bug了么，
    38.       这里其实可以处理一下的，就是判断当前节点是否包含某个指定样式，后续会继续更新，
    39.       下班拉~~~~