本文详细介绍了jQuery中$.extend()的用法，包括如何为jQuery类添加类方法，如何合并对象内容，以及与jQuery.fn.extend()的区别。通过多个示例解析了递归合并对象、合并默认选项与用户选项的方法，并强调了错误的属性初始化会导致SyntaxError。
1. jquery.extend(), 为jQuery类添加类方法
第一种方式用jQuery扩展，比如：
jQuery.extend({
min: function(a, b) {
return a < b ? a : b
},
max: function(a, b) {
return a > b ? a : b
}
});
console.log(jQuery.min(1, 4));
console.log(jQuery.max(22, 2));
输出结果：
第二种方法，用$扩展，比如：
(function($) {
$.extend({
a1: function() {
$("#log").append("a1_function");
},
a2: function() {
$("#log").append("a2_function");
}
});
})(jQuery);
调用直接用$.类名
//调用直接用$.类名
$.a1();
$.a2();
页面输出
2. jquery.extend(), 将两个或更多对象的内容合并到第一个对象。
w3c中解释
当我们提供两个或多个对象给 . e x t e n d ( ) ， 对 象 的 所 有 属 性 都 添 加 到 目 标 对 象 （ t a r g e t 参 数 ） 。 如 果 只 有 一 个 参 数 提 供 给 .extend()，对象的所有属性都添加到目标对象（target参数）。 如果只有一个参数提供给 .extend()，对象的所有属性都添加到目标对象（target参数）。如果只有一个参数提供给.extend()，这意味着目标参数被省略。在这种情况下，jQuery对象本身被默认为目标对象。这样，我们可以在jQuery的命名空间下添加新的功能。
例子1 合并两个对象，并修改第一个对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content
最低0.47元/天 解锁文章
90
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
