Mécanisme de traitement jquery parfait

Mécanisme de traitement jquery parfait_jquery

WBOY

Libérer： 2016-05-16 15:14:37

original

974 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

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.