为了账号安全,请及时绑定邮箱和手机立即绑定

运行正确。

这个方法是用了《锋利的jQuery》一书中的例子。其实还有一个toggle()方法的,可是我没试验出来

正在回答

1 回答

<!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>

0 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

运行正确。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信