jQuery-插件开始三步

转载于 2012-05-07 11:18:00 发布 · 55 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lufy/archive/2012/05/07/2487104.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用jQuery框架开发自定义插件的三个关键步骤：搭建基础框架、扩展jQuery对象方法以及具体实现插件功能。通过具体示例展示了如何为jQuery对象添加如Fname1、Fname2和Fname3等自定义方法。

第一步:搭建框架

;(function($){
    
})(jQuery);

第二步:给jQuer对象使用的方法

;(function($){
    $.fn.extend();
})(jQuery);


第三步:给jQuer对象使用的方法(FnameX是方法名)

;(function($){
    $.fn.extend({
        "Fname1":function(value){
            
            //插件代码；
        },
        
        "Fname2":function(value){
            
            //插件代码；
        },
        
        "Fname3":function(value){
            
            //插件代码；
        }
    });
})(jQuery);