控件中国网现已改版,您看到的是老版本网站的镜像,系统正在为您跳转到新网站首页,请稍候.......
中国最专业的商业控件资讯网产品咨询电话:023-67870900 023-67871946
产品咨询EMAIL:SALES@COMPONENTCN.COM

浅析jQuery基础框架

作者:未知 出处:cnblog 2012年12月28日 阅读:

 一、原型模式结构

 
1 // 定义一个jQuery构造函数
2 var jQuery = function() {
4 };
6 // 扩展jQuery原型 
7 jQuery.prototype = {
9 }; 
 
上面是一个原型模式结构,一个jQuery构造函数和jQuery实例化对象的的原型对象,我们一般是这样使用的:
 
1 var jq = new jQuery(); //变量jq通过new关键字实例化jQuery构造函数后就可以使用原型对象中的方法,但是jQuery并不是这么使用的
 
二、返回选择器实例 
 
 1 var jQuery = function() {
 2     
 3     // 返回选择器实例
 4     return new jQuery.prototype.init();
 5 };
 6 jQuery.prototype = {
 7 
 8     // 选择器构造函数
 9     init: function() {
10 
11     }
12 };  
 
虽然jQuery不是通过new关键字实例化对象,但是执行jQuery函数仍然得到的是一个通过new关键字实例化init选择器的对象,如:
 
1 var navCollections = jQuery('.nav');  //变量navCollections保存的是class名为nav的DOM对象集合.
 
三、访问原型方法 
 
 1 var jQuery = function() {
 2     
 3     // 返回选择器实例
 4     return new jQuery.prototype.init();
 5 };
 6 jQuery.prototype = {
 7 
 8     // 选择器构造函数
 9     init: function() {
10 
11     },
12 
13     // 原型方法
14     toArray: function() {
15 
16     },
17     get: function() {
18 
19     }    
20 };
21 
22 // 共享原型
23 jQuery.prototype.init.prototype = jQuery.prototype;  
 
我们一般习惯称jQuery函数中返回的选择器实例对象为jQuery对象,如我们可以这样使用:
 
1 jQuery('.nav').toArray(); // 将结果集转换为数组 
 
为什么可以使用toArray方法呢? 即如何让jQuery对象访问jQuery.prototype对象中的方法?只需将实例化选择器对象的原型对象共享jQuery.prototype对象,上面体现代码为:
 
1 jQuery.prototype.init.prototype = jQuery.prototype; // 共享原型
 
四、自执行匿名函数
 
 1 (function(window, undefined) {
 2 
 3     var jQuery = function() {
 4         
 5         // 返回选择器实例
 6         return new jQuery.prototype.init();
 7     };
 8     jQuery.prototype = {
 9 
10         // 选择器构造函数
11         init: function() {
12 
13         },
14 
15         //原型方法
16         toArray: function() {
17 
18         },
19         get: function() {
20 
21         }    
22     };
23     jQuery.prototype.init.prototype = jQuery.prototype;
24 
25     // 局部变量和函数在匿名函数执行完后撤销
26     var a, b, c;
27     function fn() {
28 
29     }
30 
31     // 使jQuery成为全局变量
32     window.jQuery = window.$ = jQuery;
33 
34 })(window); 自执行匿名函数中声明的局部变量和函数在匿名函数执行完毕后撤销,释放内存,对外只保留jQuery全局变量接口。
 

热推产品

  • ActiveReport... 强大的.NET报表设计、浏览、打印、转换控件,可以同时用于WindowsForms谀坔攀戀Forms平台下......
  • AnyChart AnyChart使你可以创建出绚丽的交互式的Flash和HTML5的图表和仪表控件。可以用于仪表盘的创......
首页 | 新闻中心 | 产品中心 | 技术文档 | 友情连接 | 关于磐岩 | 技术支持中心 | 联系我们 | 帮助中心 Copyright-2006 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 电话:023 - 67870900 传真:023 - 67870270 产品咨询:sales@componentcn.com 渝ICP备12000264号 法律顾问:元炳律师事务所 重庆市江北区塔坪36号维丰创意绿苑A座28-5 邮编:400020
在线客服
在线客服系统
在线客服
在线客服系统