jQuery.extend()详解-优快云博客

本文介绍了jQuery.extend()函数的多种用途，包括扩展jQuery静态方法、合并多个对象及深度嵌套对象等。并给出了具体的使用示例。

jQuery.extend扩展函数的用法（没有的新加，已有的覆盖）

扩展jquery静态方法

$.extend({
    test:function(){alert('test函数')}
})

用法: $.test()

合并多个对象

//用法: jQuery.extend(obj1,obj2,obj3,..)
var Css1={size: "10px",style: "oblique"}
var Css2={size: "12px",style: "oblique",weight: "bolder"}
$.jQuery.extend(Css1,Css2)
//结果如下:Css1的size属性被覆盖，而且继承了Css2的weight属性
//Css1 = {size: "12px",style: "oblique",weight: "bolder"}

深度嵌套对象

新的extend()允许你更深度的合并镶套对象。下面的例子是一个很好的证明。

// 以前的 .extend() jQuery.extend( { name: “John”, location: { city: “Boston” } }, { last: “Resig”, location: { state: “MA” } } ); // 结果: // => { name: “John”, last: “Resig”, location: { state: “MA” } }

// 新的更深入的 .extend() jQuery.extend( true, { name: “John”, location: { city: “Boston” } }, { last: “Resig”, location: { state: “MA” } } ); // 结果 // => { name: “John”, last: “Resig”, // location: { city: “Boston”, state: “MA” } }

转载于:https://www.cnblogs.com/chrisghb8812/p/6094391.html