Maison > interface Web > js tutoriel > le corps du texte

jquery trouve si l'élément existe

藏色散人
Libérer: 2022-12-30 11:11:58
original
4069 Les gens l'ont consulté

Méthode Jquery pour savoir si un élément existe : créez d'abord un exemple de fichier frontal ; puis transmettez "if($("#someID").length>0 ) {$("#someID"). La méthode text(" hi");}" peut être utilisée pour déterminer si l'élément existe.

jquery trouve si l'élément existe

L'environnement de démonstration de ce tutoriel : système Windows 7, jquery version 1.2.6, ordinateur Dell G3.

Recommandé : Tutoriel vidéo jQuery

jquery détermine si un élément existe

En Javascript traditionnel Ici, avant d'effectuer une opération sur un élément de page, il est préférable de déterminer d'abord si l'élément existe. La raison en est que les opérations sur un élément qui n'existe pas ne sont pas autorisées. Par exemple :

document.getElementById("someID").innerText("hi");
Copier après la connexion

Si l'élément avec l'ID "someID" n'existe pas, nous obtiendrons une erreur d'exécution Javascript : document.getElementById("someID") est null

L'écriture correcte devrait être :

obj = document.getElementById("someID");
if (obj){
  obj.innerText("hi");
}
Copier après la connexion

Donc, dans jQuery, comment déterminer si un élément de page existe ? Si nous nous référons à la méthode d'écriture Javascript traditionnelle ci-dessus, la première façon à laquelle nous pensons doit être :

if ($("#someID")){
  $("#someID").text("hi");
}
Copier après la connexion

Mais c'est faux ! Étant donné que les objets jQuery ont toujours une valeur de retour, $("someID") est toujours TRUE et l'instruction IF ne joue aucun rôle de jugement. La façon correcte de l'écrire devrait être :

if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
}
Copier après la connexion

Remarque : Il n'est en fait pas nécessaire de juger si un élément de page existe ou non dans jQuery. JQuery lui-même ignorera l'opération sur un élément inexistant et ne le fera pas. signaler une erreur.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal