$("div").click(function(event){
$("div").removeClass("class1").addClass("class2");
$(event.target).removeClass("class2").addClass("class1");
});
不得行啊
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").click(function(event){ $("div").removeClass("class1").addClass("class2"); $(event.target).removeClass("class2").addClass("class1"); }); }); </script> <style> .class1{background-color:green;} .class2{background-color:yellow;} </style> </head> <body> <div id="div1">hehe</div> <br /> <div id="div2">haha</div> <br /> <div id="div3">hoho</div> <br /> </body> </html>
经测试没问题啊
@zyxh:
你可以给一个鼠标单击事件,click或者onmouseover时触发你想要的变化样式,当鼠标移出onmouseout时改变成之前的样式
http://www.cnblogs.com/QLJ1314/archive/2012/08/04/2623027.html 这个是我之前写过的表格的样式,不过可以给你个参考的思路希望对你有所帮助