>웹 프론트엔드 >JS 튜토리얼 >Jquery 선택기의 원리에 대한 간략한 소개

Jquery 선택기의 원리에 대한 간략한 소개

巴扎黑
巴扎黑원래의
2017-08-13 14:51:381380검색

이 기사에서는 jquery 선택기의 원리를 자세히 설명하는 관련 정보를 주로 소개합니다. 즉, 들어오는 ID, 클래스 또는 태그 이름과 같은 들어오는 값을 파싱하는 jquery 프로토타입에 init 초기화 방법이 있습니다. 필요하신 분은

jquery 선택기의 원리에 대한 자세한 설명

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

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 프로토타입에는 들어오는 ID, 클래스 또는 태그 이름과 같은 들어오는 값을 구문 분석하는 init 초기화 메서드가 포함되어 있습니다. 그런 다음 해당 메서드를 통해 배열 개체를 반환합니다. 객체를 통해 직접 메서드를 호출하거나 배열의 길이를 사용할 수 있습니다.

위 내용은 Jquery 선택기의 원리에 대한 간략한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.