jQuery.fn.extend() 方法

简介

jQuery.fn.extend() 方法是 jQuery 库中一个非常强大且常用的方法，它用于扩展 jQuery 对象的功能。通过 extend() 方法，我们可以向 jQuery 对象或其原型（prototype）添加新的方法或属性，从而使其具有更多的功能。

语法

以下是 jQuery.fn.extend() 方法的语法：

jQuery.fn.extend( [deep], target [, object1 ] [, objectN ] )

• deep（可选）：指示是否进行深层合并的布尔值。如果将其设置为 true，则合并时会进行深层合并（递归合并），否则只进行浅层合并。默认值为 false。
• target：要进行扩展的目标对象，可以是 jQuery 对象或其原型（jQuery.fn）。
• object1, objectN：要合并到目标对象中的一个或多个对象。

示例

下面是几个使用 jQuery.fn.extend() 方法的示例：

示例 1：向 jQuery 对象添加新方法

$.fn.sayHello = function() {
    console.log("Hello, World!");
};

// 使用新添加的方法
$("body").sayHello(); // 输出："Hello, World!"

示例 2：合并多个对象

var settings = {
    color: "red",
    size: "10px"
};

var defaults = {
    color: "blue",
    opacity: 0.5
};

// 合并对象
var options = $.fn.extend({}, defaults, settings);

console.log(options);
// 输出：{ color: "red", size: "10px", opacity: 0.5 }

示例 3：深层合并对象

var obj1 = { name: "John", age: 30, info: { address: "123 Main St" } };
var obj2 = { name: "Tom", info: { phone: "555-1234" } };

$.fn.extend(true, obj1, obj2);

console.log(obj1);
// 输出：{ name: "Tom", age: 30, info: { address: "123 Main St", phone: "555-1234" } }

总结

通过 jQuery.fn.extend() 方法，我们可以方便地向 jQuery 对象添加新的方法和属性，或合并多个对象。这使得我们能够轻松地扩展 jQuery 库的功能，为我们的开发工作提供更大的灵活性。