jq基础-可见性过滤器

    <h1>我是程序员，月入过万是小意思</h1>
    <!-- display none只是页面不显示，在dom文档里面依然存在 -->
    <h1 style="display: none;">我是程序员，月入过万是小意思123</h1>
    <h1>我是程序员，月入过万是小意思</h1>
    <button id="a">123</button>
    <script src="./jquery-1.12.4.js"></script>
    <script>
        /* 选取所有可见的元素 */
        $('h1:visible').css('background', 'red');
        /* 选取所有隐藏的元素 */
        /* show这个方法的意思 就是把display改成block */
        $('#a').click(function () {
            /* 要先加样式，再显示，不然先显示，:hidden状态就不起作用了 */
            $('h1:hidden').css('background', 'green');
            $('h1:hidden').show();
            
        })

    </script>
</body>