Une brève introduction aux principes du sélecteur jquery-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-08-13 14:51:38

original

1325 Les gens l'ont consulté

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

Copier après la connexion

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; 
   
})();

Copier après la connexion

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!