네이티브 API와 jQuery를 사용하여 속성 값으로 DOM 요소를 찾으려면 어떻게 해야 합니까?

속성 값으로 요소를 찾기 위한 DOM API

종종 속성을 기반으로 DOM에서 요소를 찾아야 하는 경우가 있습니다. 예를 들어, 특정 클래스나 데이터 속성을 가진 모든 요소를 ​​검색하려고 할 수 있습니다.

네이티브 API: querySelectorAll

최신 브라우저는 네이티브 API인 querySelectorAll을 제공합니다. 해당 속성을 기반으로 요소를 검색할 수 있습니다. 이 메서드는 속성 선택기를 포함할 수 있는 CSS 선택기를 인수로 사용합니다. 예:

document.querySelectorAll('[data-foo="value"]');

브라우저 호환성

querySelectorAll 메소드는 대부분의 최신 브라우저에서 지원됩니다. 포함:

• Chrome
• Firefox
• Safari
• Edge
• IE11 이상

IE9 이하와 같은 오래된 브라우저의 경우 다음을 사용할 수 있습니다. 폴리필 또는 jQuery와 같은 타사 라이브러리.

jQuery 접근 방식

jQuery는 간결한 구문을 제공하여 이 작업을 단순화합니다.

$('[data-foo="value"]');

위 내용은 네이티브 API와 jQuery를 사용하여 속성 값으로 DOM 요소를 찾으려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!