So erhalten Sie versteckte Tags in JQuery

Wenn Sie jQuery für DOM-Operationen verwenden, müssen Sie manchmal DOM-Elemente mit versteckten Stilen bearbeiten. In diesem Fall müssen Sie das versteckte Tag abrufen. Wie erhält jQuery versteckte Tags?

Das erste, was Sie verstehen müssen, ist, dass jQuery zwei Möglichkeiten bietet, versteckte Tags abzurufen, nämlich .hidden und .not(:visible). Als nächstes werden wir diese beiden Methoden im Detail vorstellen. .hidden 和 .not(:visible)。接下来，我们将对这两种方式进行详细介绍。

1. .hidden

在 jQuery 中，.hidden 是一个特殊的选择器，它可以选择任何具有 display: none; 样式的元素。下面是 .hidden 的使用方法：

$(".hidden")       // 选取具有 hidden 类的元素

例如，我们可以通过以下代码来获取 id 为 test 的元素：

<div id="test" class="hidden">这是一个隐藏元素</div>

var element = $("#test.hidden");

上述代码中的 element 变量将会是 id 为 test 的 div 元素，因为它具有 hidden 类。

2. .not(:visible)

如果元素的 display 值为 none，则 .hidden 是可以很好地进行选择的。但是，如果元素使用的是 visibility: hidden 或 opacity: 0 等方式进行隐藏，那么就不能使用 .hidden 选择器了。这时候，我们可以使用 .not(:visible) 来获取隐藏标签。

.not(:visible) 是 :visible 选择器的取反版本，即选择那些不可见的元素，包括使用 display:none;，或者给 visibility 设置为 hidden 的元素。下面是 .not(:visible) 的使用方法：

$(":not(:visible)")        // 选取具有不可见样式的元素

例如，我们可以通过以下代码来获取 id 为 test 的元素：

<div id="test" style="visibility: hidden;">这是一个不可见的元素</div>

var element = $("#test").not(":visible");

上述代码中的 element 变量将会是 id 为 test 的 div 元素，因为它不可见。

总结

上述两种方式都可以用来获取隐藏标签，但需要根据元素的隐藏方式进行选择合适的方法。.hidden 可以选择等于 display: none; 的元素，而 .not(:visible) 可以选择所有隐藏的元素，包括使用 display:none;

1. .hidden

rrreee

2. .not(:visible)

Das obige ist der detaillierte Inhalt vonSo erhalten Sie versteckte Tags in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!