.css("display","block")和.show()的区别？

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>挑战题</title>
        <style>
            .hidden{
                display:none;
                }
        </style>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    </head>
    
    <body>
        <ul>
            <li>第一个</li>
            <li class="hidden">第二个</li>
            <li>第三个</li>
            <li class="hidden">第四个</li>
            <li>第五个</li>
            <li class="hidden">第六个</li>
            <li>第七个</li>
            <li>第八个</li>
            <a>更多</a>
        </ul>
        <script>
            $("a").click(
                function (){
                var atext=$("a").html();
                if(atext=="更多"){
                    $("li:hidden").show();
                     // $("li:hidden").css("display","block");
                    $("a").html("简化");
                }else{
                    $("li[class='hidden']").hide();
                    $("a").html("更多");
                }
            })
        </script>
    </body>
</html>

如果我在显示那里使用.show()那点击后显示的li前面全部都有那个标签自带样式圆点；但是如果我用.css("display","block")来显示隐藏的内容，那新显示出来的li前面就没有标签自带样式圆点；为什么会有这样的差别？

周盼盼

浏览 8692回答 2

2回答

随时随地看视频慕课网APP