[jQuery] jquery.extend与jquery.fn.extend的区别？_jquery.extend 与 jquery.fn.extend 的区别-CSDN博客

本文链接：https://blog.csdn.net/weixin_43392489/article/details/114481094

本文探讨了jQuery库中的两个重要方法：jquery.extend和jquery.fn.extend。主要区别在于，jquery.extend用于扩展jQuery对象本身，增加全局静态方法；而jquery.fn.extend则用于扩展jQuery的原型，增加实例方法。通过学习，可以更好地理解和使用这两个方法来定制jQuery功能。

摘要由CSDN通过智能技术生成

[jQuery] jquery.extend与jquery.fn.extend的区别？



1、认识jQuery extend()和jQuery.fn.extend()

jQuery的API手册中，extend方法挂载在jQuery和jQuery.fn两个不同对象上方法，但在jQuery内部代码实现的是相同的，只是功能却不太一样；

且看官方给出解释：

jQuery.extend(): Merge the contents of two or more objects together into the first object.(把两个或者更多的对象合并到第一个当中)；

jQuery.fn.extend():Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.(把对象挂载到jQuery的prototype属性，来扩展一个新的jQuery实例方法)

2、理解jQuery.extend() 

我们先把jQuery看成了一个类，这样好理解一些。jQuery.extend()，是扩展的jQuery这个类。

假设我们把jQuery这个类看成是人类，能吃饭能喝水能跑能跳，现在我们用jQuery.extend这个方法给这个类拓展一个能说话speak()的技能。这样的话，不论是男人，女人，xx人.....等能继承这个技能（方法）了。

可以如下图这样写着：

JQuery.extend({
    speak:function(){
         alert("how are you!");
    }
});

调用方法如下：

<!DOCTYPE html>
<html>
<he