jQuery可见过滤器

恋恋玫瑰花

于 2018-08-12 13:27:15 发布

阅读量184

点赞数

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/weixin_42923643/article/details/81605772

版权

jQuery 专栏收录该内容

31 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery可见过滤器</title>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function(){
            // 0开始,奇数p标签元素隐藏
            $('p:odd').hide();
            $('p:odd').css('background','red');
            $('p:odd').css('color','white');
            //显示的p元素
            $('p:visible').css('color','pink');
            $('p:hidden').show();
        });


    </script>
</head>
<body>
    <p>春眠不觉晓</p>
    <p>处处闻啼鸟</p>
    <p>夜来风雨声</p>
    <p>花落知多少</p>
</body>
</html>