jQuery.fn.extend 与 jQuery.extend 用法

  1.jQuery.fn.extend 是对jQuery方法进行扩展demo:  jquery 本身并不提供 jQuery.color() 这个方法，如果我们需要对jQuery本身提供的方法进行扩展，则我们就需要是用jQuery.fn.extend     

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->jQuery.fn.extend({
    color:function(val)
    {
          if(val==undefined){
         
               return $(this).css("color");
            }else{
     
              return $(this).css("color",val);
            }
    }
})



      $(this).color("red");//对jquery对象进行颜色设置
     alert($(this).color());//获取jquery对象的颜色，并用对话框弹出  2.jQuery.extend  对jQuery对象的扩展，可以理解为静态方法，不需要实例jQuery就可以使用

  jQuery.extend( {
    myshow:function(a,b)
    {
     return a+b;
    }
  }) 调用：alert($.add(3, 4));

jQuery为开发插件提拱了两个方法，分别是：

JavaScript代码

jQuery.fn.extend(object);   jQuery.extend(object);   
jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。

jQuery.fn.extend(object);给jQuery对象添加方法。

fn 是什么东西呢。查看jQuery代码，就不难发现。

JavaScript代码

jQuery.fn = jQuery.prototype = {      
　　　init: function( selector, context ) {//….　     　　　//……     };   
原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。

虽然 javascript　没有明确的类的概念，但是用类来理解它，会更方便。

jQuery便是一个封装得非常好的类，比如我们用 语句　$(“#btn1″) 会生成一个 jQuery类的实例。

jQuery.extend(object);　为jQuery类添加添加类方法，可以理解为添加静态方法。如：

XML/HTML代码

$.extend({     　　add:function(a,b){return a+b;}     });   
便为　jQuery　添加一个为 add　的　“静态方法”，之后便可以在引入 jQuery　的地方，使用这个方法了