Maison > Article > interface Web > Mécanisme de traitement jquery parfait_jquery

Mécanisme de traitement jquery parfait_jquery

WBOYoriginal: 2016-05-16 15:14:371014parcourir

Utiliser les sélecteurs jQuery est non seulement beaucoup plus simple que d'utiliser les fonctions traditionnelles getElementById() et getElementsByTagName(), mais cela peut également éviter certaines erreurs. Veuillez consulter l'exemple ci-dessous :

 <script>
  document.getElementById("div").style.color ="red";
 </script>

Après avoir exécuté le code ci-dessus, le navigateur signalera une erreur car il n'y a aucun élément avec l'ID div dans la page Web.

Le code amélioré est le suivant :

<script>
   if(document.getElementById("div")){ //用了IF语句来判断是否有ID为div的元素，如果有，执行下面代码 
    document.getElementById("div").style.color ="red"
   }
</script>

Cela peut éviter les erreurs du navigateur, mais s'il y a beaucoup d'éléments à exploiter, chaque élément devra peut-être être jugé une fois, et jquery gère très bien le problème, même si JQUERY est utilisé pour obtenir la page Web qui n'existe pas Les éléments ne signaleront pas d’erreur.

Le code est le suivant :

 <script>
  $("#div").css("color","red");
 </script>

Avec cette mesure préventive, même si un élément précédemment utilisé sur la page Web est supprimé pour une raison quelconque dans le futur, il n'y a pas lieu de craindre que le JavaScript de cette page Web signale une erreur.

Remarque :

$("div") obtient toujours un objet jquery, même s'il n'y a pas un tel élément sur la page Web. Ainsi, lorsque vous souhaitez utiliser jquery pour vérifier si un élément existe sur la page Web.

Le code suivant ne peut pas être utilisé :

<script>
 if($("#div")){
   $("#div").css("color",red) //这样游览器会报错
  }
</script>

Il faut le juger en fonction de la longueur obtenue.

Le code est le suivant :

<script>
 if($("#div").length >0){
   $("#div").css("color",red)
 }
</script>

À ce stade, il peut également être converti en objet DOM pour jugement.

Le code est le suivant :

<body>
  <div id="div">ccccccc</div>
<script src="jquery-2.1.4.min.js"></script>
<script>
  var $div = $("#div");
  var div = $div[0];
  if(div){
    $div.css("color","red")  //此时DIV的颜色就变为red
  }
</script>
</body>

C'est le mécanisme de traitement parfait de jquery. J'espère qu'il sera utile à tout le monde d'apprendre la programmation jquery.

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：Écran de démarrage EasyUI Conseils de chargement de page EasyUI (principe + code + rendus)_compétences javascriptArticle suivant：Écran de démarrage EasyUI Conseils de chargement de page EasyUI (principe + code + rendus)_compétences javascript

Articles Liés

Voir plus