jquery扩展的两个方法与区别

来源:互联网 发布:淘宝入驻协议书 编辑:程序博客网 时间:2024/06/14 18:18
  1. jQuery.extend:Query本身的扩展方法
  2. jQuery.fn.extent(Object) jQuery 所选对象扩展方法

    jQuery.extend

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

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

使用方法

$.qiaodaima();

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

jQuery.fn.extend()

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

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

使用方法

$(".class").qiaodaima();

另一种写法:

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

调用方法一样。
第二种方法定义了一个jQuery函数,形参是,jQuery.,jQuery,使这个别名,而不会与prototype引起冲突.

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

区别

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

0 0
原创粉丝点击