为了账号安全,请及时绑定邮箱和手机立即绑定
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function(){
    $("li:gt(3)").css("display","none");
    $("li:last").css("display","block");
        })
        
function change(){
    if($("a").html()=="更多"){
        $("li").css("display","block");
        $("a").html("简化");
    }
    else{
        $("li:gt(3)").css("display","none");
        $("li:last").css("display","block");
        $("a").html("更多");  
            }
        }
</script>
</head>
<body>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
<li><a herf="javascript:" onclick="change()">更多</a></a></li>
</ul>
    
</body>
</html>


正在回答

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154699    人
  • 解答问题       7289    个

加入课程学习,有效提高前端开发速度

进入课程
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号