jQuery结构图
2017-11-05 10:56:07 0 举报
jQuery个人理解结构图: 1.把jQuery设置为一个工厂函数,以工厂函数返回一个jQuery.原型对象.init(构造函数)的实例; 效果:免除用new来调用构造函数创造实例,并实现初始化; 2.将jQuery函数添加到window上,让window可以直接调用实现闭包:window.jQuery = window.$ = jQuery 3.设置jQuery.prototype = jQuery.prototype.init.prototype;(原型式继承)共享原型对象; 效果:创造的实例对象可以运用jQuery的原型方法; 4.jQuery.extend和jQuery.prototype.extend扩展方法; 分别在jQuery函数中添加静态方法,jQuery原型对象中添加方法,前者window(在window中添加了jQuery属性)闭包内都可调用,后者在实例中可以使用(实例可调用其原型方法)
作者其他创作
大纲/内容
spi实例2
操作DOM的方法
spi实例1
sQuery.fn.init.prototype=sQuery.fn = sQuery.prototype
window.sQuery = window.$ = sQuery;
扩展
var sQuery = function (selector) { return new sQuery.fn.init(selector) };
原型方法
.prototype
.__proto__
.__proto___
实例化
操作css的方法
extend:function (obj){}
css:function (){}
fn.......
init:function (selector){}
sQuery.静态方法()调用
window;()闭包外window直接调用)
操作网络请求的方法
jQuery结构
静态方法:用动态特性添加
0 条评论
下一页