Maison > Article > programmation quotidienne > Comment déterminer si un élément existe avec JQuery

Comment déterminer si un élément existe avec JQuery

藏色散人original: 2018-12-13 16:15:4515050parcourir

JQuery détermine si un élément existe. Nous pouvons utiliser la propriété jQuery .length pour y parvenir. Lorsqu'un événement est déclenché lorsqu'un élément spécifique existe dans le DOM, vous pouvez utiliser la propriété jQuery .length pour déterminer si l'élément existe.

Ci-dessous, nous utiliserons un exemple de code simple pour présenter la méthode spécifique de JQuery pour déterminer si un élément existe .

L'exemple de code est le suivant :

<!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>

Dans le code ci-dessus, nous avons ajouté un événement de clic au bouton Lorsque l'on clique sur le bouton, la méthode de jugement de l'élément le fera. être déclenché. Si le div spécifié existe, une invite « L'élément existe déjà » apparaîtra, sinon une invite « L'élément n'existe pas » apparaîtra.

Le résultat du jugement est le suivant :

Quand il y a un div, cliquez sur le bouton pour afficher l'image suivante :

Comment déterminer si un élément existe avec JQuery

Lorsque le div n'existe pas, cliquez sur le bouton pour afficher l'image suivante :

Comment déterminer si un élément existe avec JQuery

Remarque : L'attribut length contient le nombre d'éléments dans l'objet jQuery.

Cet article est une introduction à JQuery pour déterminer si un élément existe. C'est aussi très simple, j'espère qu'il sera utile aux amis dans le besoin !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment boucler les éléments du tableau de sortie dans JQueryArticle suivant：Comment boucler les éléments du tableau de sortie dans JQuery

Articles Liés

Voir plus