jQuery 中 $.fn.extend 与$.extend 的区别

来源:互联网 发布:富士触摸屏软件 编辑:程序博客网 时间:2024/05/21 13:57

这两个都是jQuery提供的给用户自己做扩展的接口。

但是他们之间又有一点不一样。

 

$.fn.extend({});// 是主要用来扩展方法的, 也就是说对对象方法的增加$.extend({});//是主要用来扩展函数的, 也就是说可以直接的调用。

下面来举一个例子来说明,

<html><head>$(function(){jQuery.testMethod();//直接访问, $("input").testMethod1(); //通过对像访问 });//扩展函数$.extend({testMethod: function(){$("#show").append("<p>This is a $.extend Test!</p>");  //alert("this is a function test");}});//扩展方法$.fn.extend({testMethod1: function(){$("#show").append("<p>This is a $.fn.extend Test!</p>"); //alert("This is a method test!");}}); </script></head><body><input type="button" id="test_button" value="test" /><span id="show"></span> </body></html>



结果如下: