<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Document</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
        <style>
            .test{color:#B40D0D;font-weight:bold;}
        </style>
        <script>
        $(function(){
            $('input').click(function(){
                $('p').toggleClass('test');
            });
        });
        </script>
    </head>
    <body>
        <input type="button" value="test-addClass" />
        <p>春江潮水连海平，海上明月共潮生。</p>
    　　<p class="test">滟滟随波千万里，何处春江无月明。</p>
    　　<p>江流宛转绕芳甸，月照花林皆似霰。</p>
    　　<p class="test">空里流霜不觉飞，汀上白沙看不见。</p>
    </body>
</html>

运行代码