jquery easyui 存储个人解读

这两天看了一下jquery easyui  ,许多地方甚感不明,经过一段仔细的查看源码和推敲得知如下:

jquery easyui首先在会在 jquery 对象下创建一个节点ui(所谓的命名空间),里面包含了自己定义的一些插件方法和自己的工具类,当然也像jquery 对象下创建一些对象,那么它是如何用查找到的jquery的对象调用到了ui节点下的方法呢,当时觉得很是不可思议,究其根本还是对js、jquery不够了解,js中对象的属性的都是以数组形式存得,jquery对象也一样,在jquery中有一个插件机制,插件方法会注册到$.fn 下,easyui 就是利用了这一点,它有一个工具包再注册插件时候专门搞这个事,讲方法先加入ui节点下,然后再在$.fn 中进行桥接,当调用插件方法是就桥接到ui下的方法中。代码如下(简单版)

/**

 * @auth: Lyon.Yao

 * @fun:

 * @date: 2012-2-23

 */

(function( $, undefined ) {

$.test = $.test || {};

$.extend( $.test, {

version: "1.8.17",

});

})( jQuery );

(function( $, undefined ) {

$.test["ddd"]=function(){

alert('ok');

};

$.fn["ddd"]=$.test["ddd"];

})( jQuery );

调用:$("#id").ddd();

相关推荐