jquery扩展的两个方法与区别 $.extend $.fn.extend-白红宇

jquery扩展的两个方法与区别 $.extend $.fn.extend

阅读量：4984 次

发布时间：2019-06-12

本文共 1010 字，大约阅读时间需要 3 分钟。

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引起冲突.
3. 区别
  
  其实吧，jQuery.extend()这个方法，主要是用来拓展个全局函数啦，例如
  大部分插件都是用jQuery.fn.extend()。

摘自：http://blog.csdn.net/u012536005/article/details/50786912

转载于:https://www.cnblogs.com/youmingkuang/p/7089722.html

你可能感兴趣的文章

jQuery.extend

jQuery.fn.extend()

区别