toggleClass()使用方法

 1 <html>

 2 <head>

 3 <script type="text/javascript" src="/jquery/jquery.js"></script>

 4 <script type="text/javascript">

 5 $(document).ready(function(){

 6   $("button").click(function(){

 7     $("p").toggleClass("main");

 8   });

 9 });

10 </script>

11 <style type="text/css">

12 .main

13 {

14 font-size:120%;

15 color:red;

16 }

17 </style>

18 </head>

19 

20 <body>

21 <h1 id="h1">This is a heading</h1>

22 <p>This is a paragraph.</p>

23 <p>This is another paragraph.</p>

24 <button class="btn1">切换段落的 "main" 类</button>

25 </body>

26 </html>

 

你可能感兴趣的:(Class)