jQuery를 사용하여 요소 가시성을 어떻게 확인할 수 있나요?

jQuery에서 요소 가시성 결정

jQuery 가시성 조작

jQuery를 사용하는 요소에는 다음을 사용할 수 있습니다. 메서드:

• .hide(): 요소를 숨깁니다.
• .show(): 요소를 표시합니다.
• .toggle(): 숨김과 숨김 사이를 전환합니다. 현재 상태에 따라 상태가 표시됩니다.

요소 확인 가시성

요소가 표시되는지 아니면 숨겨져 있는지 테스트하려면 다음 jQuery 구문을 고려하세요.

$(element).is(":visible"); // Returns true if visible
$(element).is(":hidden"); // Returns true if hidden

이 접근 방식은 선택한 요소를 비교하는 jQuery의 is() 메서드를 사용합니다. 다른 요소, 선택기 또는 jQuery 개체를 사용합니다. DOM을 순회하여 일치하는 항목을 찾은 후 발견되면 true를 반환하고 그렇지 않으면 false를 반환합니다.

예제 애플리케이션

이 방법을 사용하면 요소의 가시성을 확인할 수 있습니다.

<div>
<pre class="brush:php;toolbar:false">if ($(element).is(":visible")) {
  console.log("Element is visible.");
} else {
  console.log("Element is hidden.");
}

이 예에서 코드는 ID로 요소의 가시성을 확인합니다. "myElement"를 입력하고 적절한 메시지를 콘솔에 기록합니다.