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

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

藏色散人
リリース: 2018-12-14 17:25:11
オリジナル
15263 人が閲覧しました

JQuery は、要素が存在するかどうかを判断します。これを実現するには、jQuery .length プロパティを使用します。 DOM 内に特定の要素が存在するときにイベントがトリガーされる場合、jQuery .length プロパティを使用して要素が存在するかどうかを判断できます。

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

以下では、簡単なコード例を組み合わせて、要素が存在するかどうかを判断するための JQuery の具体的なメソッドを紹介します。

コード例は次のとおりです。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート