jquery 선택기의 원리를 상세히 설명하다

1470 단어
jquery 선택기의 원리를 상세히 설명하다
html 부분

 
 
 
   
  Document 
   
 
 
  
1
2
var result = $("div"); console.log(result); alert($('div').size()); js

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

제 이해로 해석해 보겠습니다. 바로 jquery 원형에 init를 초기화하는 방법이 있는데 전송된 값을 해석합니다. 예를 들어 전송된 id나class나 탭 이름 등입니다.그리고 상응하는 방법을 통해 수조형 대상을 되돌려준다.대상을 직접 호출할 수도 있고, 그룹의 length를 사용할 수도 있습니다.
이상은 jQuery 원리의 분석입니다. 궁금한 점이 있으면 댓글을 남기거나 본 사이트 커뮤니티에 가서 토론을 교류해 주십시오. 읽어 주셔서 감사합니다. 여러분께 도움이 되었으면 좋겠습니다. 본 사이트에 대한 지지에 감사드립니다!

좋은 웹페이지 즐겨찾기