jQuery插件实现的方法和原理简单说明
本文由发表于5年前 | Javascript | 评论数 2 |  被围观 11,049 views+
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 Java技术交流群:280755654,入门群:428693174 more
分享到:
 
2012 8/8
文章评论
    2条评论
给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 Java基础笔记 – 面向对象三个特征 继承、封装、多态及编程细节提示 2011/10/25
2 Java基础笔记 – hashCode()与equals()方法的介绍和使用场合 2011/10/11
3 计算机系统结构实用知识点问答题 2011/11/16
4 SSI介绍 在项目中使用SSI技术提高服务器解释效率 2011/10/6
5 Hibernate加载数据失败failed to lazily initialize a collection of role 2011/5/31
6 密码保护:侃侃可乐面包 2012/10/5
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
猜您喜欢
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

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

联系我们:admin@itzhai.com

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