jQuery中$.fn的用法

原文：http://www.jb51.net/article/42816.htm

$.fn是指jquery的命名空间,$.fn=$.prototype。

1.$.extend

为jquery添加静态方法，与$.support,$.each类似

$.extend({
　　add:function(a,b){returna+b;}
});

$.add(1,2);

 function test(){
         function nPlugin(){
             alert('1');
             alert(this.add(1,4));
         }

         //与nPlugin.prototype.add=function(a,b){} 同
         $.extend(nPlugin.prototype,{
         　　add:function(a,b){return a+b;} ,
             plus:function(a,b){return a*b}
         });
     }

     $(function () {
         alert(11111);
         test();
         $.nPlugin();//失效
         nPlugin(); //失效

         var a=new nPlugin();//有效
21　　　　　a.add(1,2);
    });

2.$.fn.extend(object)

函数

 $.fn.extend({ 

 alertWhileClick:function(){
      alert('1111111111')
 });
 }
 }); 

 $('#div').alertWhileClick();

对象

function test(){
          var defaults = {
            width: 200,
            height: 0,
            event: 'click touchstart' // click, touchstart
          };

        function nPlugin(element,options){
            this.element = element;
            this.settings = $.extend({}, defaults, options);
            //alert($(element).html())
            alert('1');
            alert(this.add(1,4));
            obj =this;

            $(this.element).bind('click',function(){
                obj.show();
            });
        }

        //与nPlugin.prototype.add=function(a,b){} 同
        $.extend(nPlugin.prototype,{
        　　add:function(a,b){return a+b;} ,
            plus:function(a,b){return a*b},
            show:function(){
                alert($(this.element).html())
            }
        }); 

        //与$.fn.extend({nPlugin:funtion(){  }}) 同
        //与$.fn.nPlugin=function(){} 同
        $.fn['nPlugin'] = function(options) {
             this.each(function() {
                 if (!$.data(this, "plugin_"+ "nPlugin")) {
                 $.data(this, "plugin_" + "nPlugin", new nPlugin(this, options));
                 //new Plugin(this, options);
             }
             });

            return this;
        };

    }

    $(function () {
        test();
        alert('333333333333')
         $('#text').nPlugin();
         $('#text').nPlugin().data('plugin_nPlugin').show();
    });