jquery에서 숨겨진 태그를 얻는 방법

DOM 작업에 jQuery를 사용할 때 숨겨진 스타일을 사용하여 DOM 요소를 작업해야 하는 경우가 있습니다. 이 경우 숨겨진 태그를 가져와야 합니다. 그러면 jQuery는 어떻게 숨겨진 태그를 얻나요?

가장 먼저 이해해야 할 것은 jQuery가 숨겨진 태그를 가져오는 두 가지 방법, 즉 .hidden 및 .not(:visible)을 제공한다는 것입니다. 다음으로 이 두 가지 방법을 자세히 소개하겠습니다. .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)

위 내용은 jquery에서 숨겨진 태그를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!