이 기사에서는 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($('p').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 중국어 웹사이트의 기타 관련 기사를 참조하세요!