jquery extend 方法

转载于 2013-08-15 07:46:58 发布 · 581 阅读

本文详细介绍了如何在jQuery中扩展静态方法，并通过实例展示了如何合并多个对象及实现深度镶嵌对象的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.扩展jQuery静态方法

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

用法: $.test()

2.合并多个对象.

//用法: 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"}

3.深度镶套对象

// 以前的 .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” } }