jQuery技术

jquery easyui浅谈

字号+ 作者:H5之家 来源:H5之家 2018-04-21 10:00 我要评论( )

jquery easyui首先在会在 jquery 对象下创建一个节点ui(所谓的命名空间),里面包含了自己定义的一些插件方法和自己的工具类,当然也像jquery 对象下创建一些对象,那么它是如何用查找到的jquery的对象调用到了ui节点下的方法呢,当时觉得很是不可思议,究其

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

(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();



更多关于 的文章

·上一篇:SMIL 2.0 基础教程
·下一篇:Firefox下的window.event问题

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 零基础必学的11个web前端jQuery技巧

    零基础必学的11个web前端jQuery技巧

    2018-04-21 11:00

  • 七款基于jQuery/HTML5开发的地图插件

    七款基于jQuery/HTML5开发的地图插件

    2018-04-21 09:02

  • jQuery CSS操作及jQuery的盒子模型

    jQuery CSS操作及jQuery的盒子模型

    2018-04-21 09:01

  • 期待高手来回答,关于jquery的技术问题

    期待高手来回答,关于jquery的技术问题

    2018-04-21 08:00

网友点评