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

jQuery에서 .hidden은 display로 무엇이든 선택할 수 있는 특수 선택기입니다. : 없음; 스타일 요소. 다음은 .hidden을 사용하는 방법입니다.

rrreee

예를 들어, 다음 코드를 사용하여 id가 test인 요소를 가져올 수 있습니다. : 🎜rrreeerrreee🎜 위 코드의 element 변수는 id가 test인 div 요소가 됩니다. 숨겨진 클래스가 있습니다. 🎜

2. .not(:visible)

🎜요소의 display 값이 인 경우 none이면 .hidden이 좋은 선택입니다. 그러나 visibility: hiden 또는 opacity: 0 등을 사용하여 요소를 숨긴 경우에는 .hidden 선택기를 사용할 수 없습니다. 이때 .not(:visible)을 사용하여 히든태그를 얻을 수 있습니다. 🎜🎜.not(:visible)은 display:none; 사용을 포함하여 보이지 않는 요소를 선택하는 :visible 선택기의 반전 버전입니다. , 또는 숨겨진 요소에 대한 가시성을 설정합니다. 다음은 .not(:visible)을 사용하는 방법입니다. 🎜rrreee🎜예를 들어, 다음 코드를 사용하여 id가 test인 요소를 가져올 수 있습니다. :🎜rrreeerrreee🎜위 코드의 element 변수는 id가 test인 <code>div 요소가 됩니다. code>는 보이지 않기 때문입니다. 🎜🎜요약 🎜🎜위의 두 가지 방법 모두 숨겨진 태그를 얻는 데 사용할 수 있지만 요소가 숨겨진 방법에 따라 적절한 방법을 선택해야 합니다. .hidden은 display: none;과 같은 요소를 선택하는 반면, .not(:visible)은 를 사용하는 요소를 포함하여 모든 숨겨진 요소를 선택합니다. display:none; 또는 숨겨진 요소에 대한 가시성을 설정합니다. 🎜🎜요컨대, jQuery에서 숨겨진 태그를 얻는 것은 매우 일반적인 작업입니다. 위의 방법을 익히면 실제 개발이 더 편해집니다. 🎜

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