您的位置：首页 > Web前端 > JQuery

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

2013-08-22 11:41 447 查看

这两个都是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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航