阿挽
2015-05-06 21:47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQ</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li>芹菜</li>
<li>茄子</li>
<li>萝卜</li>
<li>大白菜</li>
<li>西红柿</li>
<li>菠菜</li>
<li>西瓜</li>
<li>栗子</li>
</ul>
<a href="#" onclick="bbc()">更多</a>
</body>
<script type="text/javascript">
$("li:eq(5),li:eq(6)").hide();
function bbc(){
if($("li").html()=="更多"){
$("li").html("简化");
$("li:eq(5),li:eq(6)").show();
}else if($("li").html()=="简化"){
$("li").html("更多");
$("li:eq(5),li:eq(6)").hide();
}else{
}
}
</script>
</html>
if($("li").html()=="更多"这里错了呀 你应该是对应a的值得
正确应该这样:if($("a").html()=="更多"){
}
jQuery基础课程
154736 学习 · 7244 问题