jQuery对象获取hidden 或者visible对象

最新推荐文章于 2023-02-08 19:58:31 发布

Lida-yan

最新推荐文章于 2023-02-08 19:58:31 发布

阅读量1.8k

点赞数

分类专栏： jquery 文章标签： jquery 对象

本文链接：https://blog.csdn.net/weixin_40714799/article/details/79448691

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>hidden visible</title>
        <style>
            div {
                width: 70px;
                height: 40px;
                background: #e7f;
                margin: 5px;
                float: left;
            }
            span {
                display: block;
                clear: left;
                color: red;
            }
            .starthidden {
                display: none;
            }
        </style>
        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>

        <span></span>
        <span></span>
        <div></div>
        <div style="display:none;">Hider!</div>
        <div></div>

        <div class="starthidden">Hider!</div>
        <div></div>

        <form>
            <input type="hidden">
            <input type="hidden">
            <input type="hidden">
        </form>

        <span></span>

        <script>
            // 获取属性为hidden或者样式是hidden的对象
            var hiddenElements = $( "body" ).find( ":hidden" ).not( "script" );
            // 获取属性为visible或者样式是visible的对象
            var hiddenElementss = $( "body" ).find( ":visible" ).not( "script" );

            $( "span:first" ).text( "Found " + hiddenElements.length + " hidden elements total." );
            $( "span:eq(1)" ).text( "Found " + hiddenElementss.length + " visible elements total." );
            // jQuery对象 show（）方法，显示hidden对象
            $( "div:hidden" ).show( 3000 );
            //  // 获取input标签属性为hidden的对象
            $( "span:last" ).text( "Found " + $( "input:hidden" ).length + " hidden inputs." );
        </script>

    </body>
</html>

Lida-yan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery对象获取hidden 或者visible对象

<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>hidden visible</title> <style> div { width: 70px; height: 4
复制链接

扫一扫