jQuery选择器-可见性选择器示例

最新推荐文章于 2024-01-13 22:21:09 发布

qq_34734520

最新推荐文章于 2024-01-13 22:21:09 发布

阅读量274

点赞数

分类专栏： jQuery九类选择器及应用

本文链接：https://blog.csdn.net/qq_34734520/article/details/51622306

版权

jQuery九类选择器及应用专栏收录该内容

9 篇文章 1 订阅

订阅专栏

<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8"></span>

<span style="font-size:18px; white-space: pre;">	</span><span style="font-size:24px;color:#ff0000;">//jQuery根据实际导入的版本</span><span style="font-size:18px;">
    <script type="text/javascript" src="js/jquery-2.2.4.js"></script>

    <title></title>
</head>
<body>
    <table border="1px" align="center">
        <tr style="display: none">
            <td>Value1</td>
        </tr>
        <tr>
            <td>Value2</td>
        </tr>
        <tr>
            <td>Value3</td>
        </tr>
    </table>
    <script type="text/javascript">
        //1)查找隐藏的tr元素的个数
        //alert($("tr:hidden").size());
        //2)查找所有可见的tr元素的个数

<span style="white-space:pre">	</span>//alert($("tr:not(:hidden)").size());//不提倡使用
        alert($("tr:visible").size());
    </script>
</body>
</html></span>