jquery扩展方法的两种形式

JavaScript 专栏收录该内容
44 篇文章 1 订阅
  1. jQuery.extend:Query本身的扩展方法
  2. jQuery.fn.extent(Object) jQuery 所选对象扩展方法

    jQuery.extend

    我们先把jQuery看成了一个类,这样好理解一些。 
    jQuery.extend(),是扩展的jQuery这个类。 
    比如:猴子这个类,会说话,会爬树。现在我们用jQuery.extend()给它增加一个本领,让它也会敲代码。如下代码

$.extend({
    qiaodaima:function(){
        alert("我会敲代码了");
    }
})
//注:$是jQuery的缩写

使用方法

$.qiaodaima();
  • 1

猴子就是jQuery这个类,敲代码是这个类里面的方法。 
所以这个敲代码只有猴子会,而大象狮子并不会。 
这个扩展也就是所谓的静态方法。只跟这个 类 本身有关。跟你具体的实例化对象是没关系滴。

jQuery.fn.extend()

然而jQuery.fn.extend()是用在jQuery对象上面的。 
例如:

$.fn.extend({
    qiaodaima:function(htmldom){
        $(this).text("敲代码");
    }
});
  • 使用方法
$(".class").qiaodaima();
  • 1

另一种写法:

(function($){
    $.fn.qiaodaima = function(htmldom){
        $(this).text("敲代码");
    }
})(jQuery)

调用方法一样。 
第二种方法定义了一个jQuery函数,形参是,jQuery.,jQuery,使,函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用这个别名,而不会与prototype引起冲突.

??以后补充修改的地方??

区别

其实吧,jQuery.extend()这个方法,主要是用来拓展个全局函数啦,例如.ajax().ajax()这种,要不就是拓展个选择器啦,例如.fn.each(),当选择器用。 
大部分插件都是用jQuery.fn.extend()。

  • 4
    点赞
  • 2
    评论
  • 7
    收藏
  • 扫一扫,分享海报

评论 2 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:书香水墨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值