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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!