jQuery.extend()方法
程序员文章站
2024-03-23 11:45:04
...
1. 作用
将一个或多个对象合并到目标对象;
如果多个对象具有相同属性,则后者会覆盖前者的属性值。
2. 语法
$.extend( [deep, ][target, ]object1 [, objectN ] )
- deep:表示是否深度合并;不支持传false,要么没有,要么true;默认false。
- target:目标对象;默认JQuery对象本身。
- object1…N:被合并的对象。
实例1:普通合并
var obj1={
apple: 10,
banana: {weight: 52, price: 100}
};
var obj2={
banana: {price: 200},
cherry: 100
};
$.extend(obj1, obj2);
console.log(obj1);
result:
{"apple":10,"banana":{"price":200},"cherry":100}
实例2:深度合并
var obj1={
apple: 10,
banana: {weight: 52, price: 100}
};
var obj2={
banana: {price: 200},
cherry: 100
};
$.extend(true, obj1, obj2);
console.log(JSON.stringify(obj1));
result:
{"apple":10,"banana":{"weight":52,"price":200},"cherry":100}
实例3:合并 defaults 和 options 对象
合并 defaults 和 options 对象,并且不修改 defaults 对象。这是常用插件开发模式。
var defaults = {
color: "red",
fontSize: 12
};
var options = {
color: "green"
};
//不会改变defaults
var settings = $.extend({}, defaults, options);
console.log(settings);
result:
{color: "green", fontSize: 12}
实例4:扩展jQuery方法
如果只有一个参数,则意味着参数target被省略。此时,target就是调用extend方法的对象。
- $.extend(src):将src合并到jquery的全局对象中
- $.fn.extend(src):将src合并到jquery的实例对象中
$.extend({
sayHello: function (msg) {
alert(msg);
}
});
$.sayHello('hellooooo');
推荐阅读
-
jQuery.extend()方法
-
DB2生成表model与mybatis的mapper中的常用方法 博客分类: mybatis db2mybatis
-
Python中List变量的extend()方法
-
通过spring asm 操作字节码生成属性get和set方法
-
proctected属性和方法的包依赖性
-
【ESP8266】加快ESP8266_RTOS_SDK下载速度最新方法记录
-
通过innerHTML动态插入的script无法执行的解决方法 博客分类: javascriptJAVA WEB编程 javascripthtmlinnerHTMLajaxdom
-
使用nodejs异步方法导致进程无法退出的问题 博客分类: nodejs nodejsjavascript
-
java IO接口中的mark和reset方法
-
7.集合的包含方法