<html> <head> <script type="text/javascript" src="jquery-1.4.1.js"></script> <script type="text/javascript"> $("document").ready ( function() { $('#class1').bind('click',function(){ $('p').removeClass('cp'); $('p').removeClass('cp2'); $('p').removeClass('cp3'); $('p').addClass('cp1'); }); $('#class2').bind('click',function(){ $('p').removeClass('cp'); $('p').addClass('cp2'); $('p').removeClass('c1'); $('p').removeClass('cp3'); }); $('#class3').bind('click',function(){ $('p').removeClass('cp'); $('p').removeClass('cp2'); $('p').removeClass('cp1'); $('p').addClass('cp3'); }); $('#laijing').bind('click',function(){ restCheck(); // var anArray=[61680001]; $('#61680001').attr("checked", true); }); $('#wangyu').bind('click',function(){ restCheck(); var anArray=[61680002]; $('#61680002').attr("checked", true); }); } ); //重置所有check box function restCheck() { $("input[name='twolevel']").each(function() { $(this).attr("checked", false); }); } </script> <style type="text/css"> .cp { text-size:10; } .cp1 { text-size:20; background-color:red; } .cp2 { text-size:30; background-color:blue; } .cp3 { text-size:40; background-color:black; } </style> </head> <body> <div> <a id="class1" href="#">变红</a> <a id="class2" href="#">变蓝</a> <a id="class3" href="#">变黑</a> </div> <p class="cp"> 你好点就撒了水 </p> <input id="laijing" type="button" value="laij"> <input id="wangyu" type="button" value="wangy"> <ul> <li>城市 <ul> <li> <input id="61680001" name="twolevel" type="checkbox" value="61680001">广州</li> <li> <input id="61680002" name="twolevel" type="checkbox" value="61680002">北京</li> </ul> <li> </ul> </body> </html>