在前端开发中，jQuery 是一个非常流行的 JavaScript 库。其中 jQuery.extend() 和 jQuery.fn.extend() 是两个经常被使用的方法，但是它们之间存在一些区别。本文将详细讨论这两种方法的不同之处，并且提供示例代码来帮助读者更好地理解它们的用法。
jQuery.extend()
jQuery.extend() 是用于合并两个或多个对象的方法。它的语法如下：
jQuery.extend([deep], target, object1, [objectN]);
其中，deep 参数表示是否进行深度合并，默认为浅合并。target 参数表示要合并到的目标对象，object1 到 objectN 表示源对象。如果多个源对象具有相同的属性，则后面的会覆盖前面的。
下面是一个简单的示例：
var obj1 = { a: 1, b: 2 };
var obj2 = { b: 3, c: 4 };
var obj3 = { c: 5, d: 6 };
var result = $.extend(obj1, obj2, obj3);
console.log(result); // 输出 { a: 1, b: 3, c: 5, d: 6 }在上面的示例中，obj1 是目标对象，obj2 和 obj3 是源对象。由于 obj2 和 obj3 中都有属性 b 和 c，因此它们会覆盖掉 obj1 中的相同属性。最终的结果是一个包含所有属性的对象。
jQuery.fn.extend()
jQuery.fn.extend() 是用于扩展 jQuery 对象的方法。它允许开发者向 jQuery 对象添加新的方法或属性。它的语法如下：
jQuery.fn.extend(object);
其中，object 表示要添加到 jQuery 对象上的方法或属性。
下面是一个简单的示例：
$.fn.extend({
myMethod: function() {
console.log('myMethod called');
}
});
$('div').myMethod(); // 输出 "myMethod called"在上面的示例中，我们通过 jQuery.fn.extend() 方法向 jQuery 对象添加了一个名为 myMethod 的新方法。这个方法可以被所有 jQuery 对象调用。
区别
虽然 jQuery.extend() 和 jQuery.fn.extend() 看起来很相似，但是它们之间有一些重要的区别：
jQuery.extend()用于合并两个或多个对象，而jQuery.fn.extend()用于向 jQuery 对象添加新的方法或属性。jQuery.extend()返回合并后的对象，而jQuery.fn.extend()返回 jQuery 对象本身，所以它们不能直接互换使用。
下面是一个比较复杂的示例，演示了如何同时使用 jQuery.extend() 和 jQuery.fn.extend()：
-- -------------------- ---- -------
------------ -
--- -------- - -
------ ------
----- --------
--
--- ------- - -
----- ----------------- -
-- -- --------------- --- ------- ----- -------- ---
------------------ ---------
------ -------------------- -
-------------
------ ---------------
--------- -------------
---
---
--
-------- ---------- -
------ -------------------- -
----------------------------
---
-
--
-- -- ------------------ --- ------- --------- ------ ---
------------- - ---------------- -
-- ----------------- -
-- ----------------------
------ --------------------------- ------------------------------------- ----
- ---- -- ------- ------ --- -------- -- -------- -
-- ----------------------- ---- --
------ -----------------------
- ---------------------------------------------------------- --------
--------------------------------------------------------------------------------