jQuery/JavaScript를 사용하여 두 요소가 동일한지 확인하는 방법은 무엇입니까?

바닐라 JavaScript 또는 jQuery(JavaScript 전문 라이브러리)에서 다양한 방법을 사용하여 HTML 요소에 액세스할 수 있습니다.

때때로 개발자는 DOM 요소에 액세스한 후 액세스된 두 요소가 동일한지 확인해야 할 수 있습니다. 이 튜토리얼에서는 JavaScript의 엄격한 동등 연산자와 jQuery의 메소드를 사용하여 두 HTML 요소의 동등성을 확인하는 방법을 배웁니다.

JavaScript에서 항등 연산자(==) 사용

우리는 getElemenetById, querySelector, getElementByClassName 및 기타 메소드를 통해 HTML 요소에 액세스할 수 있습니다. 그런 다음 이를 JavaScript 변수에 저장할 수 있으며 두 숫자 또는 문자열 값을 비교하는 데 사용하는 것처럼 두 요소의 동등성을 확인하기 위해 같음 연산자를 사용하여 이러한 변수를 비교할 수 있습니다.

문법

사용자는 다음 구문을 따라 두 개의 HTML 요소를 비교할 수 있습니다.

으아악

위 구문에서 element1 및 element2는 JavaScript를 사용하여 DOM에서 액세스되는 HTML 요소입니다.

예

이 예에서는

HTML 요소를 생성하고 값이 "test"인 id 속성을 추가했습니다. 그런 다음 document.getElementById() 메서드를 사용하여 ID로

요소에 액세스합니다. element1 및 element2 변수에는 동일한 요소가 포함되어 있습니다.

이후 항등 연산자를 사용하여 비교하고 사용자는 출력을 관찰할 수 있습니다.

으아악

예

이 예에서는

태그를 사용하여 요소를 생성했습니다. 다음으로 document.getElementByTagName() 메서드를 사용하여 태그 이름으로 HTML 요소에 액세스합니다.

태그가 포함된 모든 HTML 요소의 배열을 반환합니다.

이후 요소 배열의 0^th 및 1^st 인덱스 값을 비교하면 사용자는 출력에서 ​​둘 다 다르다는 것을 확인할 수 있습니다.

으아악

jQuery의 is() 메소드를 사용하세요

jQuery에는 DOM 요소를 조작하기 위한 다양한 방법이 포함되어 있습니다. is() 메서드는 한 요소를 매개 변수로, 다른 요소를 참조로 사용하여 두 요소를 비교합니다.

또한 사용자는 is() 메서드를 사용하기 전에 jQuery의 요소에 액세스하려면 "$" 표기법을 사용해야 합니다.

문법

사용자는 두 HTML 요소가 동일한지 확인하기 위해 다음 구문에 따라 is() 메서드를 사용할 수 있습니다.

으아악

위 구문에서는 ID로 "btn1" 및 "btn2" 요소에 액세스했습니다.

예

이 예에서는 HTML 코드에서 jQuery를 사용하기 위해 jQuery CDN을 추가했습니다. 또한 ID가 다른 두 개의 버튼을 만들었습니다.

JavaScript에서는 is() 메서드를 사용하여 ID가 ​​"btn2"인 요소를 매개 변수로 전달하고 ID가 "btn1"인 요소를 참조로 사용합니다. is() 메소드는 두 요소를 비교하고 isEqual 변수에 저장한 부울 값을 반환합니다.

으아악

두 개의 HTML 요소를 비교하는 다양한 방법을 배웠습니다. 사용자는 순수 JavaScript 또는 jQuery의 is() 메소드를 사용할 수 있습니다. 또한 사용자는 다양한 방법을 사용하여 HTML 요소에 액세스하고 비교할 수 있습니다.

위 내용은 jQuery/JavaScript를 사용하여 두 요소가 동일한지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!