> 웹 프론트엔드 > JS 튜토리얼 > jquery는 요소가 존재하는지 찾습니다.

jquery는 요소가 존재하는지 찾습니다.

藏色散人
풀어 주다: 2022-12-30 11:11:58
원래의
4105명이 탐색했습니다.

jquery를 사용하여 요소가 존재하는지 확인하는 방법: 먼저 프런트 엔드 샘플 파일을 만든 다음 "if($("#someID").length>0 ) {$("#someID").text(" hi"); }" 메서드를 사용하여 요소가 존재하는지 확인합니다.

jquery는 요소가 존재하는지 찾습니다.

이 튜토리얼의 데모 환경: windows7 시스템, jquery1.2.6 버전, Dell G3 컴퓨터.

권장: jQuery 비디오 튜토리얼

jquery는 요소가 존재하는지 확인합니다

전통적인 Javascript에서는 페이지 요소에 대해 특정 작업을 수행할 때 먼저 요소가 존재하는지 확인하는 것이 가장 좋습니다. 그 이유는 존재하지 않는 요소에 대한 작업은 허용되지 않기 때문입니다. 예:

document.getElementById("someID").innerText("hi");
로그인 후 복사

ID가 "someID"인 요소가 없으면 Javascript 실행 오류가 발생합니다. document.getElementById("someID")는 null입니다

올바른 표기는 다음과 같습니다.

obj = document.getElementById("someID");
if (obj){
  obj.innerText("hi");
}
로그인 후 복사

So in jQuery, 페이지 요소가 존재하는지 어떻게 확인합니까? 위의 전통적인 Javascript 작성 방법을 참고하면 가장 먼저 떠오르는 방법은 다음과 같습니다.

if ($("#someID")){
  $("#someID").text("hi");
}
로그인 후 복사

하지만 이건 틀렸어요! jQuery 객체에는 항상 반환 값이 있으므로 $("someID")는 항상 TRUE이고 IF 문은 판단 역할을 하지 않습니다. 올바른 작성 방법은 다음과 같습니다:

if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
}
로그인 후 복사

참고: 실제로 jQuery에서 페이지 요소가 존재하는지 여부를 판단할 필요는 없습니다. jQuery 자체는 존재하지 않는 요소에 대한 작업을 무시하고 오류를 보고하지 않습니다.

위 내용은 jquery는 요소가 존재하는지 찾습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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