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

为什么我用$("li")也是只有可显示的li元素背景颜色发生改变？我已经用：hidden显示不可见元素看了发现li背景色也没有变化

<body>
        <h3>修改可见“水果”的背景色</h3>
        <ul>
            <li style="display:none">橘子</li>
            <li style="display:block">香蕉</li>
            <li style="display:">葡萄</li>
            <li>苹果</li>
            <li style="display:none">西瓜</li>
            <div></div>
        </ul>

        <script type="text/javascript">
            var x=$("li:hidden").html();
            $("div").html(x);
            $("li").css("background-color","blue");

        </script>
    </body>