急问!关于toggleClass没有恢复内容的问题,不知道该怎么解决!

<!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>

为什么 内同没有回复呢,求教???

ABOUTYOU
浏览 302回答 2
2回答

慕莱坞森

<script type="text/javascript">$(function(){$(".divDefalut").toggle(function(){$(this).addClass("divClick").html(" 点击后的样式");},function(){$(this).removeClass("divClick").html(" 点击前的样式");});});</script>这样整!

哔哔one

你已经修改了他的内容,当然就不恢复咯,toggleClass是切换css的class样式,不包括内容。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery
Java