[ jquery 选择器 :visible ] 此方法选取匹配所有的可见元素

Posted 2020-07-28 窗棂博客记录

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[ jquery 选择器 :visible ] 此方法选取匹配所有的可见元素相关的知识，希望对你有一定的参考价值。

此方法选取匹配所有的可见元素:

实例:

<!DOCTYPE html>
<html class=‘html‘>
<head class=‘head‘>
<meta charset=‘ utf-8‘>
<meta name=‘author‘ content=‘http://www.52jb.net/‘ />
<script type=‘text/javascript‘ src=‘./js/jquery-1.12.1.min.js‘></script>
<title>Inset you title</title>
<style type=‘text/css‘>
    *{margin:0;padding:0;}
    div,form{width:150px;height:20px;margin:20px;}
    #hidden,#user{display:none;}
    #opacity{filter:alpha(opacity=0);opacity:0;}
</style>
<script type=‘text/javascript‘> 
    $(function(){ 
           alert($(‘body :visible‘).get(0).className);
    });
</script>
</head>
<body class=‘body‘>
    <div id=‘hidden‘ class=‘hidden‘>hidden element</div>
    <div id=‘opacity‘ class=‘opacity‘>opacity element</div>
    <form id=‘form‘ class=‘form‘>
        <input type=‘text‘ id=‘user‘ />
        <input type=‘hidden‘ class=‘hidden‘ value=‘hidden-form-input‘/>
    </form>
</body>
</html>

以上是关于[ jquery 选择器 :visible ] 此方法选取匹配所有的可见元素的主要内容，如果未能解决你的问题，请参考以下文章

JQuery选择器——可见性筛选选择器

如何使用jquery排除子选择器中的子项？