运行正确。
这个方法是用了《锋利的jQuery》一书中的例子。其实还有一个toggle()方法的,可是我没试验出来
2015-03-31
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
<a href="#">更多</a>
</body>
<script>
$("a").click(function(){
if($("a").html()=="更多")
{$("a").html("简化");}
else
{$("a").html("更多");}
$("li:gt(3):not(:last)").toggle();
});
</script>
</html>
举报