JQuery를 사용하여 요소가 존재하는지 확인하는 방법-HTML 지식-php.cn

집

일일 프로그램

HTML 지식

JQuery를 사용하여 요소가 존재하는지 확인하는 방법

藏色散人

Dec 13, 2018 pm 04:15 PM

JQuery는 요소가 존재하는지 확인하기 위해 jQuery .length 속성을 사용할 수 있습니다. DOM에 특정 요소가 존재할 때 이벤트가 트리거되면 jQuery .length 속성을 사용하여 요소가 존재하는지 확인할 수 있습니다.

JQuery를 사용하여 요소가 존재하는지 확인하는 방법

이제 간단한 코드 예제를 바탕으로 요소가 존재하는지 확인하는 JQuery의 구체적인 방법을 소개하겠습니다.

코드 예시는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery判断元素是否存在的示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
       $(function () {
           $("button").click(function () {
               if($("#myDiv").length) {
                   alert("元素已存在");
               }
                   else {
                       alert("元素不存在");
                   }

           });
       });
    </script>
</head>
<body>
</body>
<div id="myDiv"></div>
<p>点击下面的按钮检查元素</p>
<button>检查元素</button>
</html>

로그인 후 복사

위 코드에서는 버튼에 클릭 이벤트를 추가했습니다. 버튼을 클릭하면 지정된 div가 존재하는 경우 요소를 판단하는 메서드가 실행됩니다. "요소가 이미 존재합니다"라는 메시지가 나타나고, 반대로 "요소가 존재하지 않습니다"라는 메시지가 나타납니다.

판정 결과는 다음과 같습니다.

div가 존재할 경우 버튼을 클릭하면 다음 그림이 표시됩니다.

JQuery를 사용하여 요소가 존재하는지 확인하는 방법