jQuery vérifie si un élément existe

Vérifiez efficacement si les éléments HTML existent avec jQuery

Cet article fournit une variété d'extraits de code jQuery pour vérifier si des éléments HTML existent dans la page Web actuelle. Le moyen le plus simple est de vérifier la longueur de l'objet et de déterminer s'il existe dans le DOM.

Méthode 1: Utilisez l'attribut de longueur

// 检查元素是否存在
if ($("#id").length) {
  // 元素存在
}

// 或检查长度是否为零
$('element').length == 0; // 元素不存在

// 或使用原生JavaScript
document.getElementById('eid') != null; // 元素存在

Méthode 2: Personnaliser la fonction jQuery

Un moyen plus concis est de créer une fonction jQuery personnalisée:

jQuery.fn.exists = function(){return jQuery(this).length>0;}

if ($(selector).exists()) {
    // 元素存在，执行操作
}

Méthode 3: Vérifiez le tableau d'objets jQuery

Pour les tableaux d'objets jQuery, vous pouvez utiliser la méthode suivante:

if ( $('#myDiv')[0] ) { 
    // 元素存在，执行操作
}

FAQ

1.

Dans le développement Web, il est crucial de vérifier si les éléments existent. Il empêche les erreurs lors de la manipulation d'éléments qui n'existent pas sur la page. Par exemple, essayer de masquer des éléments inexistants entraînera que JQuery lancera une erreur. La vérification des éléments à l'avance pour l'existence peut éviter de telles erreurs et s'assurer que le code se déroule bien.

2.

La propriété .Length de jQuery renvoie le nombre d'éléments qui correspondent au sélecteur spécifié. Si l'élément existe, .Length renvoie une valeur supérieure à 0; si l'élément n'existe pas, .Length renvoie une valeur supérieure à 0.

3.

Bien qu'il soit possible d'utiliser la méthode .size (), il est déprécié dans jQuery 1.8 et supprimé dans jQuery 3.0. Il est recommandé d'utiliser la propriété .Length car elle remplit la même fonction, mais est plus rapide et plus efficace.

4.

Essayer de faire fonctionner un élément qui n'existe pas amènera JQuery à lancer une erreur, à interrompre l'exécution du code et à entraîner des résultats inattendus. Par conséquent, assurez-vous de vérifier si l'élément existe avant d'essayer de le manipuler.

5.

Vous pouvez utiliser une liste de sélecteurs séparés par des virgules pour vérifier si plusieurs éléments existent en même temps. Si un sélecteur correspond à un élément de la page, .Length renvoie une valeur supérieure à 0.

6.

Vous pouvez utiliser l'attribut .Length et vérifier si sa valeur de retour est 0 pour vérifier si l'élément n'existe pas.

7.

jQuery n'a pas de sélecteur ": existant". Vous pouvez utiliser la méthode jQuery.expr [':']. Extend () pour créer un sélecteur personnalisé ": existe", mais il est généralement plus facile et plus efficace d'utiliser l'attribut .length.

8.

Vous pouvez utiliser la méthode .find () combinée avec l'attribut .Length pour vérifier si un élément existe dans un autre élément.

9.

Vous pouvez utiliser les méthodes document.querySelector() ou document.getElementById() de JavaScript native pour vérifier si l'élément existe. Si l'élément n'existe pas, ces méthodes retourneront null.

10.

peut placer du code à l'intérieur de la fonction $(document).ready(), qui s'exécute après que le DOM est complètement chargé, garantissant que tous les éléments sont disponibles avant l'exécution du code.

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!