                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

visible不是不能选择diaplay=none的元素吗？

<!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"></script>
    </head>
    
    <body>
       <ul>
            <li style="display:none">1</li>
            <li>2</li>
            <li >3</li>
            <li style="display:none">4</li>
            <li style="display:none">5</li>
            <li>6</li>
            <li style="display:none">7</li>
            <li>8</li>
            <li>9</li>
        </ul>
        <a href="#" onclick="lianjie()">更多</a>
        <script type="text/javascript">
            //$(".hidden").hide();
            function lianjie(){
                if('更多'== $("a").html()){
                    $("li:hidden").show();
                    $("a").html("简化");
                }else{
                     $("a").html("更多");
                     $("li:visible").hide();
                }
            } 
        </script>
    </body>
</html>

qq_嫵钶取玳_0

2015-12-17

源自：jQuery基础课程 3-13

关注问题我要回答

477

操作

收起

2 回答

qq_久归_0 回答被采纳 +3 积分
2015-12-18

把最后一句代码改成这样就好了， $("li[style]").hide();

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

收起回答

qq_嫵钶取玳_0 提问者

非常感谢！

2015-12-21 回复有任何疑惑可以回复我~

点解点解
2015-12-17

 if('更多'== $("a").html()){
                    $("li:hidden").show();
                    $("a").html("简化");
                }else{
                     $("a").html("更多");
                     $("li:visible").hide();
                }

$("li:hidden").show();

这串代码的意思是,当li有display为none的属性时!

你的代码就变成这样了!

             <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>

所以你再次点击的时候,就所有都隐藏了!!

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

收起回答

qq_嫵钶取玳_0 提问者

那我应该这门去写呢

2015-12-17 回复有任何疑惑可以回复我~

qq_嫵钶取玳_0 提问者

我要之隐藏前面不显示的部分

2015-12-17 回复有任何疑惑可以回复我~