为了账号安全,请及时绑定邮箱和手机立即绑定
<!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>
    window.onload=function()
    {
        $("li[name='h']").hide();  
    }
        
    function change()
    {
        if($("a").html() == "更多")
        {
            $("a").html("简化");
            $("li[name='h']").show();
        }else if($("a").html() == "简化")
        {
            $("a").html("更多");
            $("li[name=h]").hide();
        }
            
    }
</script>
</head>
<body>
    <ul>   
        <li name="v">1</li>
        <li name="v">2</li>
        <li name="v">3</li>
        
        <li name="v">4</li>
        <li name="h">5</li>
        <li name="h">6</li>
    
        <li name="v">7 最后一个</li>
    </ul>
    
    <a href="javascript:;" onclick="change()">更多</a>
</body>
</html

正在回答

0 回答

举报

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

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

进入课程
微信客服

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

帮助反馈 APP下载

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

公众号

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