${“:hidden“}的选中元素

篆愁君的烦恼

已于 2022-05-12 22:06:41 修改

阅读量348

点赞数

分类专栏：前端jqery 文章标签： jquery javascript ecmascript

于 2022-05-12 22:05:50 首次发布

本文链接：https://blog.csdn.net/m0_52228992/article/details/124740358

版权

前端jqery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

$（:hidden）：可以选中

1、css属性display：none

2、表单属性type="hidden"

3、隐藏的父元素

对于visibility：hidden（css可视属性）和opacity：0（css不透明度属性）无法选中

这里对3、隐藏的父元素可以简单的解释一下：

在控制台上输出后

大概就是这个，这些元素默认是display：none，无法修改，但可以被选中

对于可选中和不可选中的元素，举个例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    div{
        height: 50px;
        background: greenyellow;
        border: black solid 2px;
    }
</style>
<body>
<script src="../lib/jquery-1.12.4.js"></script>
<div style="display: none"></div>
<p style="visibility: hidden"></p>
<input type="hidden"/>
<span style="opacity: 0"></span>
<script>
    $(function () {
        console.log($(":hidden"))
    })
</script>
</body>
</html>

运行结果:

参考菜鸟教程：

jQuery :hidden 选择器 | 菜鸟教程

篆愁君的烦恼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
${“:hidden“}的选中元素

$（:hidden）：可以选中1、css属性display：none2、表单属性type="hidden"3、隐藏的父元素对于visibility：hidden（css可视属性）和opacity：0（css不透明度属性）无法选中这里对3、隐藏的父元素可以简单的解释一下：在控制台上输出后大概就是这个，这些元素默认是display：none，无法修改，但可以被选中对于可选中和不可选中的元素，举个例子：<!DOCTYPE html><h..
复制链接

扫一扫