好资源导航 » 文章资讯 » 详解jquery选择器的原理

详解jquery选择器的原理

2023-09-27 06:19:07 60

详解jquery选择器的原理

html部分





Document



1

2

js

js部分

(function(){
//暴露外部的引用
varjQuery=window.jQuery=window.$=function(selector){
returnnewjQuery.fn.init(selector);
}

//添加原型事件
jQuery.fn=jQuery.prototype={
//
init:function(selector){
varelement=document.getElementsByTagName(selector);
Array.prototype.push.apply(this,element);
returnthis;
},
myjQuery:"thetestone",
length:0,
size:function(){
returnthis.length;
}
}

//将init的原型引用成jQuery的原型
jQuery.fn.init.prototype=jQuery.fn;

})();

我用我的理解解释一下，就是jquery原型里面有一个init初始化的方法，将传入的值进行解析，比如传入的id还是class还是标签名。然后通过相应的方法返回数组型对象。既可以通过对象直接调用方法，也可以使用数组的length。

以上就是jQuery原理的分析，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

返回顶部
514930285
czq8825@qq.com