Maison > Article > interface Web > Une brève introduction aux principes du sélecteur jquery

Une brève introduction aux principes du sélecteur jquery

巴扎黑original: 2017-08-13 14:51:381313parcourir

Cet article présente principalement des informations pertinentes qui expliquent en détail le principe du sélecteur jquery, c'est-à-dire qu'il existe une méthode d'initialisation init dans le prototype jquery, qui analyse la valeur entrante, telle que l'identifiant entrant, la classe ou le nom de la balise, qui doit être Les amis peuvent se référer à l'

explication détaillée du principe du sélecteur jquery

partie html

<!doctype html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8" /> 
  <title>Document</title> 
  <script src="js/minijquery.js"></script> 
</head> 
<body> 
  <p class="one">1</p> 
  <p class="two">2</p> 
</body> 
<script> 
  var result = $("p"); 
  console.log(result); 
  alert($(&#39;p&#39;).size()); 
</script> 
</html> js

partie js

(function(){ 
  //暴露外部的引用 
  var jQuery = window.jQuery = window.$ = function(selector){ 
    return new jQuery.fn.init(selector); 
  } 
   
  //添加原型事件 
  jQuery.fn = jQuery.prototype = { 
    // 
    init:function(selector){ 
      var element = document.getElementsByTagName(selector); 
      Array.prototype.push.apply(this,element); 
      return this; 
    }, 
    myjQuery:"the test one", 
    length:0, 
    size:function(){ 
      return this.length; 
    } 
  } 
   
  //将init的原型引用成jQuery的原型 
  jQuery.fn.init.prototype = jQuery.fn; 
   
})();

Je vais l'expliquer en utilisant ma compréhension, c'est-à-dire qu'il existe une méthode d'initialisation init qui analyse la valeur entrante, telle que l'identifiant entrant, la classe ou le nom de la balise. Renvoyez ensuite l'objet tableau via la méthode correspondante. Vous pouvez soit appeler la méthode directement via l'objet, soit utiliser la longueur du tableau.

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：Explication détaillée du code JavaScript pour implémenter la fonction de multi-sélection par glisser-déposer de la sourisArticle suivant：Explication détaillée du code JavaScript pour implémenter la fonction de multi-sélection par glisser-déposer de la souris

Articles Liés

Voir plus