选择不可见元素的查询选择器
是:hidden。
概念：:hidden是一种CSS伪类选择器，用于选择在页面上不可见的元素，即在渲染时不显示的元素。
分类：:hidden属于CSS选择器的一种，用于选择元素的一种特定状态。
优势：使用:hidden选择器可以方便地选取页面上隐藏的元素，无需额外的JavaScript代码。
应用场景：:hidden选择器常用于以下场景：
- 隐藏表单元素：可以通过设置
display: none或visibility: hidden来隐藏表单元素，然后使用:hidden选择器来选取这些隐藏的元素。 - 隐藏交互元素：在一些特定的交互场景中，可能需要根据用户的操作来显示或隐藏某些元素，使用
:hidden选择器可以方便地选取这些隐藏的元素进行操作。
推荐的腾讯云相关产品和产品介绍链接地址：目前腾讯云没有直接与:hidden选择器相关的产品或服务。
请注意，以上答案仅供参考，具体的选择器使用还需根据实际情况和需求进行调整。
相关·内容
我有两个具有相同类的输入字段，一个显示:none。我想查询未显示的输入字段的值:none。
编辑(用示例)
<div id="Parent1" style="display:none">
<p>
<input type="text" class="title" value="">
</p>
</div>
<div id="Parent2">
<p>
<input type="
浏览 3提问于2015-11-27得票数 3
回答已采纳
我的元素看起来像这样：
/html/body/div/div[3]/form/table/tbody/tr/td/**div[2**]/table[2]/tbody/tr[2]/td[2]/input
<input type="password" name="0.2.1.3.3.6.5.1.2.1.1" maxlength="9">
我尝试过在WebDriver中使用Javascript的XPath和CSS选择器，但是我找不到这个元素。
在加粗的div2标记之间有一个脚本标记，有没有可能是这导致了问题？
请帮帮我！！
浏览 1提问于2013-09-18得票数 0
目标
大家好，大家好。使用Google和Google，我试图实现的目标是设置一个自定义维度，以便区分包含按钮的页面和不包含按钮的页面，如下面的示例表所示。
📷
这可以让我知道，页面B没有点击按钮，因为它没有按钮，而页面D这样的页面没有按钮单击，因为有一些东西需要修复或改进。
为实现
目标所做的尝试Google中的
创建了一个自定义维度:范围命中，活动是，并注意到索引号1。
谷歌标签管理器中的
创建了一个名为"Button可见性“的变量:变量类型元素可见性、元素选择器bu守则(按钮类)、输出类型true/false、最小可视百分比50、格式值转换为true，将false转换为no。
浏览 0提问于2020-01-24得票数 1
我正在尝试破译下面这行代码
.find('> li ul:visible')
我不明白'>‘能达到什么目的。我在搜索文档时遇到问题
浏览 1提问于2012-03-04得票数 0
回答已采纳
我希望将填充添加到第一个h2子元素中，前提是它是父元素中的“第一个元素”。
<div id="test">
<h2>Try 1</h2>
Test Test Test
<h2>Try 2</h2>
</div>
在这里，只有文本为"Try 1“的h2必须获得我的自定义填充。
<div id="test">
Test Test Test
<h2>Try 1</h2>
<h2>Try 2&
浏览 1提问于2012-12-14得票数 2
回答已采纳
我试图在jQuery中同时使用":visible“和":first-child”伪选择器，但它似乎没有效果。我有以下HTML：
<div>
<a class="action" style="display:none;">Item One</a>
<a class="action">Item One</a>
<a class="action">Item One</a>
</div>
以及下面的jQu
浏览 4提问于2009-05-06得票数 9
回答已采纳
我正在开发一个asp.net mvc3应用程序。在视图a中，有一个带有type="text"的隐藏输入字段，它在某些条件下会显示出来。如果满足条件并显示该字段，我希望在输入了文本的情况下执行客户端验证。
当输入隐藏时，为其呈现的HTML如下：
<input class="yesNoNotApplicableTextbox" type="text" value="" style="display: none;" name="[14].FieldValue">
当输入变为可见时，HTML将更
浏览 0提问于2013-06-19得票数 0
回答已采纳
4回答
因此，我使用这段代码循环遍历DOM，定位所有匹配的元素，然后向元素中添加一个类：
var timeDif = 0;
setTimeout(function(){
$('.panel-main').each(function () {
var $el = $(this);
setTimeout(function () {
$el.addClass('boingInUp');
},200 * timeDif);
timeDif++;
});
}, 1000);
我需要知道的是如
浏览 6提问于2016-08-29得票数 1
回答已采纳
1回答
我有一个带有自定义NodeTemplate的RadTreeView。在node模板内部，我将节点包围在一个div中，如下所示：
<div id="divCommandRow">
<!-- My template goes here -->
</div>
在RadTreeView呈现之后，我的DOM在DOM中有几个<div id="divCommandRow"> div。我的问题是，如何使用jQuery来查询这些div中是否有display: none样式？我创建了以下代码，但它似乎不起作用：
fun
浏览 1提问于2012-08-30得票数 0
回答已采纳
我有一个包含组的列表，并使用CSSOM动态地使用文本字段过滤内容。这是一种只使用CSS实现“搜索”的方法。
不幸的是，当过滤器过滤掉所有内容时，组容器仍然是可见的。我还需要使用CSS将display: none设置到它们上，否则我需要添加一堆JS来控制它们。
这有可能吗？我知道这是一个很大的机会，但是否有一个选择器，可以选择的元素，其子女(适合一些选择器)都必须有一个样式选择在他们身上？
如果我大大放松约束，这可能是一个选择器，它可以选择那些子元素(适合某些选择器)都必须有特定类的元素吗？
浏览 4提问于2017-07-23得票数 6
回答已采纳
1回答
所以，我正在开发我的投资组合网站，我的条形图出现了一些问题。我正在尝试设置它，当它出现在滚动视图中时。到目前为止，我已经能够实现正常工作的效果，但它是在用户滚动时就这样做的，而不是当它进入视图时。我做错了什么？另外，我应该注意到我的网站使用了一个叫做LiveQuery的插件。
HTML：
<div id="section-three">
<div id="web-head">
<h2>Web Development</h2>
<br>
浏览 0提问于2017-08-30得票数 0
$("img").each(function() {
if($(this).is(':hidden')) {
$("p#nothing").show();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="imgWrap">
<img src="http://static.p
浏览 0提问于2012-07-10得票数 1
回答已采纳
2回答
在HTML代码中，我使用jQuery来隐藏或显示具有ID的元素。如何测试元素是否已经可见？
例如，我们使用show()来显示一个具有ID的元素，但在调用show()之前，我需要测试show()是否已经用于该ID，然后如何比较？
浏览 1提问于2010-12-10得票数 0
6回答
是否可以使用带有火狐的querySelector()或querySelectorAll()函数的伪选择器来检测可见性？特别是，我希望能够做这样的事情：
elem.querySelector('#list .list-item:visible');
elem.querySelector('#section .sub-section:visible .title');
不需要担心浏览器的不一致或其他实现，只要Firefox。谢谢!
编辑：可见是由display定义的，不是，none，visibility不是隐藏的<code>E 210</code&
浏览 7提问于2012-11-14得票数 20
回答已采纳
5回答
通过html隐藏密码
、、、
当用户不直接停留在密码上时，我试图使密码不可见。当它们悬停时，文本就会出现。我的当前代码如下所示，但我无法使悬停正确工作。它要么完全消失要么保持原状。
<style>
#pass.a{
visibility:hidden;
}
#pass.a:hover{
visibility:visible;
}
</style>
<table>
<tr>
<td id="pass"><a> Password </a></td>
</tr>
</t
浏览 5提问于2013-11-20得票数 0
回答已采纳
我试图让TestCafe等待一个元素出现在dom中。目前，我正在使用{ visibilityCheck: true }，但它似乎没有做任何事情，测试将超时，并被视为失败。
目标：
转到页面
等待searchIconElement加载
代码：
fixture`Library /all`.page(page.libraryScreen).beforeEach(async t => {
await t.useRole(page.adminUser);
});
test('Search Bar', async t => {
const search
浏览 5提问于2020-07-12得票数 1
我正在尝试创建一个滑动的div，当你将鼠标悬停在div上时，它会从右侧进入。它可以在Chrome中运行，但不能在firefox中运行。我遗漏了什么？它可以在Chrome和Safari中正常工作...
css：
.gettingstarted {
-ms-transform: translate(200px, 0px);
/* IE 9 */
-webkit-transform: translate(200px, 0px);
/* Safari and Chrome */
-moz-transform: translate(200px, 0px)
浏览 3提问于2013-11-28得票数 2
我使用的是一个打字机插件，当这个表单可见时，它应该会动态显示输入的占位符。这是可行的。然而，我想停止这个动画，当搜索栏不再可见时(例如。在esc事件上)。
tg_search = function() {
var search_icon = $('.tg-search'),
header = $('.fusion-header'),
writing = false;
var search_tl = new TimelineMax({
reversed:
浏览 0提问于2017-09-12得票数 0
我有几个表行和表，其中隐藏了输入字段和值。我需要做的是遍历所有隐藏的输入字段，找到一个特定的字段，其中class = ' something‘和value =something，然后转到该输入字段的<td>并更改背景颜色。 $('input:hidden').each(function(){
if( $(this).find(".id_schedule_hours") && $(this).val() == 1) {
console.log('here')
}
}
浏览 34提问于2016-07-31得票数 3
回答已采纳
假设我们有一个包含5个项的列表，并且希望将一些特定于的样式应用于第一个或最后一个子项目。但是，这个列表的功能需要通过jQuery应用一个类(我们称之为.hide)来隐藏它的某些项，该类将在目标项上设置一个display: none;。
我在开始时讨论的特定样式应该只应用于第一个和最后一个可见项，所以我试图实现的是跳过那些将.hide类应用于它们并同时应用于第一个或最后一个项的项目。
我已经尝试通过组合一些:not(.hide)和:first-child/:last-child伪代码来实现这一点，但是它不起作用。此外，尝试使用simbling选择器最多只适用于第一个子级，但是现在还没有办法在cs
浏览 2提问于2014-09-26得票数 2
回答已采纳
2回答
在我的程序中，我有一个文本元素，显示在两个不同的部分。它将显示为A节，并再次显示在B节(弹出)。我希望使用CSS创建一个对象，这两个部分都可以使用。这样，我就可以调用同一个对象来检查这个元素，而不管它在哪里显示。我好像搞不懂。也许这是不可能的，或者也许我需要一个对HTML和CSS有更多经验的人来给我展示光明。
这里是该元素在A节中显示时的HTML
<td id="treeCol" valign="top" style="overflow: hidden; display: block;">
<div id="orgTr
浏览 5提问于2014-08-07得票数 2
回答已采纳
4回答
如何检查元素的显示值
<tr id="pDetails" style="display:none">
$("tr[id='pDetails']").attr("style")给了我'display:none'
我想写一个jquery脚本，它将只返回display的值'none‘
这有可能吗？
浏览 3提问于2009-07-27得票数 43
回答已采纳
1回答
我有一组具有相同类的元素：
<div class="the_class"></div>
<div class="the_class"></div>
<div class="the_class"></div>
使用jQuery，我想检查是否至少显示了这些元素中的一个。类似于：
if ($('.the_class').theFunction()) {
...
}
我能用什么?
浏览 0提问于2013-03-09得票数 9
回答已采纳
1回答
我对硒有问题。我有类似DOM结构的东西：
<div class="window__popup" style="display: block; transform: translateY(0px);">
...
<div id="user_product_name" class="input__block">
...
<input type="text" name="name" required="required&
浏览 2提问于2018-09-10得票数 1
回答已采纳
3回答
我正在编写CSS选择器，到目前为止，我已经完成了以下工作：
input[placeholder*='mail']
但我想确保它没有找到不可见的(即:不可见的)元素。
我在模式中的不同地方尝试过:visible (因为我找不到关于CSS选择器lexer的很好的引用，但这些都不是很好的参考：
input[placeholder:visible*='mail']
input:visible[placeholder*='mail']
input[placeholder*='mail']:visible
我该怎么做？还有人对学习更复杂的选择
浏览 2提问于2017-07-27得票数 0
回答已采纳
我需要帮助，以显示在没有javascript的选择表单下拉不同的文本
我尝试了下面的代码，但它也使用了onchange事件。
<div>
<select onchange="if(selectedIndex!=0)document.getElementById('t').innerHTML=options[selectedIndex].value;">
<option value="">< select an option ></option>
浏览 12提问于2020-02-06得票数 0
2回答
我在一个类中有一些媒体查询，它们工作得非常好，但Chrome浏览器错误地将其显示为唯一的浏览器。因此，我对其他类使用了浏览器hack，但我不知道如何针对媒体查询。我在浏览器黑客内部尝试了一下：
.firstclass > h1 > @media(min-width: 1620px) {
font-size: 3.7vw;
}
但是我的代码编辑器说"media definitions require block statements after any features"，所以看起来它是一个新的媒体查询……
我怎样才能正确地定位它呢？媒体查询不是班级的孩子
浏览 1提问于2016-10-20得票数 1
2回答
在运行capybara选择器之前，我使用save_and_open_page命令保存了以下html (我还检查了page.body，它是相同的)：
我得到了以下错误消息：“期望查找xpath”//div@class=‘box’9次，找到了6次匹配："box_2001 attrkulcs1: attrvalue 1 attrkulcs2: attrvalue 2 attrkulcs3: attrvalue 3“、"box_2002 attrkulcs1: attrvalue 1 attrkulcs2: attrvalue 2 attrkulcs3: attrvalue 3 att
浏览 4提问于2014-06-09得票数 5
回答已采纳
我正在尝试对所有可见的select元素进行更改。
$('.select_elements:visible').change(function() {
// function
)};
当我更改select元素时，上面的内容似乎没有运行。然而，如果我写这个，它似乎是有效的。
$('.select_elements').change(function() {
if ($(this).is(':visible')) {
// function
}
)};
有人能解释一下吗？它浪费了我生命中的岁月..。
浏览 2提问于2017-02-16得票数 2
回答已采纳
2回答
我要数多个元素。如果选中了复选框，并且父div没有隐藏，则有必要进行检查(显示: none;)
我尝试过多种方法，但都找不到解决办法。
我最后的测试是: Javascript
function triggerCounter() {
countAll = $('.form-border').filter(function() {
return $(this).css('display') !== 'none';
}).length;
countFilled = $('input[type="checkbox
浏览 5提问于2016-09-10得票数 1
回答已采纳
我有这个console.log()
console.log($($('.biggie img:visible')[0]).attr('src').split('/').pop());
这将返回：
4.jpg
当我将这一行放入一个变量中时，如下所示：
var jpg = $($('.biggie img:visible')[0]).attr('src').split('/').pop();
控制台显示：
Uncaught TypeError: Cannot call method 'spli
浏览 0提问于2013-11-06得票数 0
2回答
我有一些JavaScript代码，它将下面的div样式从display: none更改为display: block。
从<div class="myClass" style="display: none;"></div>到<div class="myClass" style="display: block;"></div>
当元素可见性触发时，我想发送一个标记。此触发器应在样式更改时触发。
我尝试过使用.myClassstyle*=display:block，但它不会像编写.myC
浏览 0提问于2018-07-10得票数 0
我有一组与val()更新值相同的输入字段。它们需要具有相同的值，这样就可以了。但是有些输入字段位于隐藏的div中，我不想更新这些字段的值，但是它们是通过我的代码更新的。
<form>
<input name="split_values[]" class="split">
<input name="split_values[]" class="split">
<input name="split_values[]" class="split">
<
浏览 5提问于2017-06-15得票数 1
回答已采纳
1回答
我想用jquery选择一个div，只有当它的父级可见时才会被选中。选择器必须是什么样子的？这不起作用：
$(this)[is=":checked"][parent=".visible"]
浏览 2提问于2018-03-31得票数 0
当模式打开时，我无法输入文本区域。
Textarea非模态，具有大z指数的绝对定位.
<textarea style='position:absolute;z-index:200000'></textarea>
有人能解决这个问题吗？
浏览 2提问于2017-03-10得票数 1
回答已采纳
2回答
我有一个js中元素的节点列表，这些元素是通过查询许多类来收集的，然后是循环遍历列表的"for“语句。我需要的是一种快速的单行方式来返回每个元素在循环中选择的类，这样我就可以在此基础上执行一个操作。这是我的代码点：
var nodeList = document.querySelectorAll(".class1, .class2, .etc...");
for (var i = 0; i < nodeList.length; i++) {
var classOfCurrentDiv = [...]
//perform action using cl
浏览 1提问于2022-07-24得票数 1
回答已采纳
我只想用CSS来改变可见元素的样式。有选择器吗？它只需要与Chrome和Firefox一起工作。(我正在建设分机/插件)
如果没有，是否有一种方法可以用轻巧的javascript来改变可见元素的样式？
在当前滚动位置中可见。元素可以超出滚动视觉，也可以部分可见。
浏览 8提问于2012-04-17得票数 15
回答已采纳
4回答
我被以下代码卡住了：
我想使用隐藏/可见来切换一些文本。
我正在使用javascript函数向页面添加动态文本，这就是我使用.live的原因……
我可以切换为隐藏，但不能切换为可见(如果($(‘#1’).is(‘：hidden’))从不为真)。
感谢任何帮助:-)
浏览 0提问于2011-09-27得票数 2
回答已采纳
1回答
如何找到带有特定标记的CSS元素
、、、、
这是我的检查元素片段：
<div>
<map>
<area href="javascript:void(0)" log="miw" ... shape="poly" title="lender_marker test@example.com">
<area href="javascript:void(0)" log="miw" ... shape="poly" title="lender_marker othert
浏览 1提问于2014-08-24得票数 1
我只需要在jquery foreach循环中获取show()元素
在下面的代码中，我得到了所有元素与类测试(即)都隐藏和显示…但只需要显示，而不是隐藏一个...如何在这一行中过滤和获取它？
$('.element').find('.test').each(function(index, loopelement) {
}
浏览 0提问于2012-12-19得票数 17
回答已采纳
我正在使用jquery可见选择器，但它似乎仍然显示了这两个跨度。我做错了什么？
HTML
<span id="description">
Test
<span style="display:none; visibility:hidden;">Hide</span>
</span>
jQuery
alert($("#description").filter(':visible').text());
JSFIDDLE：
浏览 0提问于2014-09-27得票数 0
回答已采纳
3回答
我在多个div里面有21张图像。下面是图像的一个例子。
<img src="fruits/lychee.png" class ="fruit" id="fruitl156">
<img src="fruits/cranberry.png" class ="fruit" id="fruitl141">
<img src="fruits/avocado.png" class ="fruit" id="fruitl214">
浏览 6提问于2015-08-03得票数 1
回答已采纳
如果我有<element id="blah" class="blah" attr="blah"> (编辑:并且我在DOM中没有其他元素，只有这一个)
那么这些jQuery对象是绝对等价的吗：
$("#blah")
$(".blah")
$("[attr=blah]")
是否存在这样的情况:查询是在对象创建时执行的，在此之后，使用了什么查询就无关紧要了？
编辑:使用的原始查询对以后我可能对生成的jQuery对象执行的任何操作有影响吗？上面的3个结果对象是否相同？我使用的实际查询有什么持久的
浏览 0提问于2014-06-04得票数 2
2回答
如何在jQuery中使用索引？
、、、、
我们有像这样的html代码：
<div class="blocks">
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
浏览 0提问于2011-03-23得票数 0
回答已采纳
我有一个名为htmltext的变量，正如你所看到的，它有多个div/span容器，一些使用样式，一些使用class，还有一些使用display:none。
然后，我对每个span/div容器运行检查，以读取display attr和它设置的值，但是它只返回使用style而不使用class的容器的结果。
$("#button5").click(function (event) {
var htmltext = '<span><style>.ESkP{display:none}.GlJO{display:inline}.g
浏览 4提问于2015-05-28得票数 0
我有一个包含动态行和字段的表单。例如，我有这样的结构：
visible div
visible div
hidden div
visible div
使用div:nth-child(odd)和div:nth-child(even)时，它看起来如下所示：
striped
unstriped
unstriped
因为第三个div是不可见的。
如何使用jQuery来确保其基于可见元素而不是不可见元素的条带化？
浏览 1提问于2015-12-19得票数 0
我正在经历一些奇怪的事情，我已经写了一段代码，用户一翻过div框就会放大链接。我用的是这个代码：
function resize_links() {
$(".all_planes a").css({fontSize: "16px"})
$( ".plane_container" ).each(function( ) {
var offtop = $(this).offset().top;
var scrolltop = $(window).scrollTop();
var type
浏览 3提问于2015-04-15得票数 3
回答已采纳
我正在设置显示:在某些移动元素上没有显示，但我仍然希望使用jQuery来选择它们。
我知道有这个
$(.connectedSortable[style*="display: none"])
但是我也想用类connectedSortable选择可见元素
浏览 3提问于2017-10-02得票数 0
回答已采纳
我知道两个jQuery选择器都匹配不可见的元素(width或height等于0，display: none，父级为display: none)，我认为这意味着它们在 中会产生相同的结果。
出于可读性的原因，我宁愿使用:hidden，但我想知道：
有什么潜在的陷阱我应该考虑吗？
我会得到完全相同的结果吗？
哪个选项有更好的性能？
浏览 9提问于2013-07-02得票数 41
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
