jQuery插件实现的方法和原理简单说明
本文由发表于6年前 | Javascript
1、jQuery插件开发主要使用如下两个方法:1.1、添加静态方法1.2、添加成员方法2、一个通用的框架:

jQuery是一个封装的很好的类,比如我们使用$("#username")会生成一个 jQuery类的实例。

1、jQuery插件开发主要使用如下两个方法:
1.1、添加静态方法
jQuery.extend(object);

为扩展jQuery类本身,为类添加新的方法,可以理解文添加静态方法。

$.extend({ 
  addMethod : function(a, b){return a + b;}   // $.addMethod(1, 2); //return 3
});
1.2、添加成员方法
jQuery.fn.extend(object);
jQuery.fn = jQuery.prototype

给jQuery对象添加方法,对jQuery.prototype进行扩展,为jQuery类添加成员方法:

$.fn.extend({ 
    getInputText:function(){ 
        $(this).click(function(){ 
            alert($(this).val()); 
        }); 
    } 
});

$("#username").getInputText();

 

2、一个通用的框架:

以下是一个通用的框架:

(function($){ 
    $.fn.yourPluginName = function(options){ 
        //各种属性和参数 

        var options = $.extend(defaults, options); 

        this.each(function(){ 
            //插件的实现代码

        }); 
    }; 
})(jQuery);

关于

$.extend(defaults, options);

就是通过合并defaults和options来扩展defaults,实现插件默认参数的功能,详细解释可以参考jQuery的官方文档:

http://api.jquery.com/jQuery.extend/
除了文章中有特别说明,均为IT宅原创文章,转载请以链接形式注明出处。
本文链接:http://www.itzhai.com/jquery-plug-ins-to-achieve-the-methods-and-principles-of-simple-instructions.html
关键字: ,
arthinking 指弹吉他 && 技术 more
分享到:
 
2012 8/8
文章评论
    2条评论
给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 JVM笔记 – 程序编译与代码优化(早期(编译期)优化) 2015/3/1
2 更新常量类导致的编译问题 2014/12/8
3 Hibernate笔记 – Hibernate在项目中的使用和基本和配置 2011/7/16
4 ExtJS拖放技术DragSource拖动到指定区域DDTarget 2011/4/13
5 Java聊天软件 | Project 2011/11/14
6 总体设计-模块化 层次图 结构图 2011/7/1
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
猜您喜欢
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.