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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值