ホームページ  >  記事  >  毎日のプログラミング  >  JQueryで要素が存在するかどうかを確認する方法

JQueryで要素が存在するかどうかを確認する方法

藏色散人
藏色散人オリジナル
2018-12-13 16:15:4515049ブラウズ

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で要素が存在するかどうかを確認する方法

JQueryで要素が存在するかどうかを確認する方法

div が存在しない場合は、ボタンをクリックすると次の画像が表示されます。

JQueryで要素が存在するかどうかを確認する方法

# 注

: length 属性jQuery オブジェクト内の要素の数が含まれます。 この記事は、要素が存在するかどうかを判断するための JQuery の概要です。これが、困っている友人に役立つことを願っています。

以上がJQueryで要素が存在するかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。