<head> <title>JQuery控制CSS样式</title> <script src="jquery-1.9.1.js" type="text/javascript"></script> <style type="text/css"> .divDefult{width:260px;font-size:10pt;padding:5px} .divClick{width:260px;border:solid 1px #666;font-size:10pt;background-color:#eee;padding:5px} </style> <script type="text/javascript"> $(function () { $(".divDefult").click(function () { $(this).toggleClass("divClick").html("点击后的样式"); }); }); </script></head><body><div class="divDefult">点击前的样式</div></body>
在这里我们可以清楚的看到点击前后明显的变化
转载于:https://www.cnblogs.com/qzc900809/archive/2013/04/17/3025339.html
