用老师之前讲的知识完成任务
代码编写有很多种，可以用老师之前讲的知识点完成。
2 回答
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li title="蔬菜" id="hide">茄子</li>
<li title="水果">香蕉</li>
<li title="蔬菜">芹菜</li>
<li title="人参果">小西红柿</li>
<li title="水果" id="hide">西瓜</li>
<li title="蔬菜">茄子</li>
<li title="水果">香蕉</li>
<li title="蔬菜" id="hide">芹菜</li>
<li title="人参果">小西红柿</li>
<li title="水果">西瓜</li>
</ul>
<a href="#" id="aa">更多</a>
<script type="text/javascript">
$("li[id='hide']").hide();
$("#aa").click(function(){
var $yname=$("a").html();
if($yname == "更多") {
$("a").html("简化");
$("li[id='hide']").show();
}
else{
$("a").html("更多");
$("li[id='hide']").hide();
}
})
</script>
</body>
</html><!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li title="蔬菜" id="hide">茄子</li>
<li title="水果">香蕉</li>
<li title="蔬菜">芹菜</li>
<li title="人参果">小西红柿</li>
<li title="水果" id="hide">西瓜</li>
<li title="蔬菜">茄子</li>
<li title="水果">香蕉</li>
<li title="蔬菜" id="hide">芹菜</li>
<li title="人参果">小西红柿</li>
<li title="水果">西瓜</li>
</ul>
<a href="#" id="aa">更多</a>
<script type="text/javascript">
$("li[id='hide']").hide();
$("#aa").click(function(){
var $yname=$("a").html();
if($yname == "更多") {
$("a").html("简化");
$("li[id='hide']").show();
}
else{
$("a").html("更多");
$("li[id='hide']").hide();
}
})
</script>
</body>
</html>
举报
0/150
提交
取消
