jQuery.extend与jQuery.fn.extend的区别分析与实例

jQuery.extend与jQuery.fn.extend都是为jquery开发插件。

不同是的：

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

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

前者不需要创建jquery实例就可以执行。

 后者必须得对象绑定事件才可以执行!

代码如下：

<script language="javascript" src="http://www.phplike.com/javascript/jquery-1.4.2.js"></script>

<script language=javascript>

jQuery.extend({

merge:function(a,b){

return a + " " + b;

}

});

alert($.merge('Hello','World'));  

</script>

后者必须绑定对象的事件:

<input name="phplike" type="text" />

<script language="javascript" src="http://www.phplike.com/javascript/jquery-1.4.2.js"></script>

<input name="phplike" type="button" value="Click Here" />

<script language="javascript">

jQuery.fn.extend({

    merge:function(a,b){

     return a + " " + b;

    }

  });

 

$("input[name='phplike']").click(function (){

alert($(this).merge('Hello','World'));

});

</script>