> 웹 프론트엔드 > JS 튜토리얼 > jQuery 선택기에서 일반 DOM 요소를 어떻게 얻을 수 있나요?

jQuery 선택기에서 일반 DOM 요소를 어떻게 얻을 수 있나요?

DDD
풀어 주다: 2024-10-30 19:09:02
원래의
999명이 탐색했습니다.

How Can I Get a Plain DOM Element from a jQuery Selector?

jQuery 선택기에서 DOM 요소 검색

jQuery 선택기에서 DOM 요소를 가져오는 간단한 방법을 찾는 것이 어려울 수 있습니다. 다음 코드가 있다고 가정합니다.

<input type="checkbox" id="bob" />
var checkbox = $("#bob").click(function() { //some code });
로그인 후 복사

체크박스의 선택된 값을 확인하려면 다음과 같이 시도할 수 있습니다.

if (checkbox.eq(0).SomeMethodToGetARealDomElement().checked)
    //do something.
로그인 후 복사

그러나 이 접근 방식이 항상 바람직하지는 않을 수 있습니다. . 더 간단한 방법이 있습니다.

$("table").get(0);
로그인 후 복사

또는 다음 단축키를 사용할 수 있습니다.

$("table")[0];
로그인 후 복사

원시 DOM 요소에 액세스하는 것이 자주 필요하지는 않지만 특정 상황에서는 필요할 수 있습니다. . 예를 들어, 체크박스 그룹에 번호를 매기는 것을 고려해 보세요:

$(":checkbox").each(function(i, elem) {
  $(elem).data("index", i);
});
$(":checkbox").click(function() {
  if ($(this).is(":checked") && $(this).data("index") == 0) {
    // do stuff
  }
});
로그인 후 복사

위 내용은 jQuery 선택기에서 일반 DOM 요소를 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿