<!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><title>jQuery 控制CSS 样式</title><script language="javascript" type="text/javascript"src="jquery-1.3.2.min.js"></script><style type="text/css">.divDefalut{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(){$(".divDefalut").click(function(){$(this).toggleClass("divClick").html(" 点击后的样式");});});</script></head><body><div class="divDefalut"> 点击前的样式</div></body></html>为什么 内同没有回复呢，求教？？？
2 回答
慕莱坞森
TA贡献1810条经验 获得超4个赞
<script type="text/javascript">
$(function(){
$(".divDefalut").toggle(function(){
$(this).addClass("divClick").html(" 点击后的样式");
},function(){
$(this).removeClass("divClick").html(" 点击前的样式");
});
});
</script>
这样整！
添加回答
举报
0/150
提交
取消