当前位置: 代码迷 >> Web前端 >> jQuery.extend施用
  详细解决方案

jQuery.extend施用

热度:123   发布时间:2012-10-07 17:28:51.0
jQuery.extend使用

Jquery的扩展方法原型是:extend(dest,src1,src2,src3...);

?

extend的含义是将src1,src2,src3合并到dest中,返回值为合并后的dest,合并后有可能修改了dest的值;
当后面的参数有相同的名称的时候,后面的参数值会覆盖前面的参数值。

?

例如:var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"});
合并后的结果为:result={name:"Jerry",age:21,sex:"Boy"}

?

$.extend(src):该方法把将src合并到jquery的全局对象中去

?

例如:
$.extend({
	hello:function(){
		alert('hello');
	}
});

?

$.fn.extend(src):该方法将src合并到jquery的实例对象中去

?

例如:
$.fn.extend({
	hello:function(){
		alert('hello');
	}
});

?

$.extend({}):扩展命名空间

?

例如:
$.extend(net:{
	hello:function(){
		alert('hello');
	}
});

?

$.extend(boolean,dest,src1,src2,src3...):第一个参数boolean代表是否进行深度拷贝,为true表示嵌套的子对象会得到所有的key的组合,如果为false,后面得子对象的值直接覆盖前面的子对象的值

?

例如:
$.extend( true,  {},  
    { name: "John", location: {city: "Boston",county:"USA"} },  
    { last: "Resig", location: {state: "MA",county:"China"} } )={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:"China"}}

$.extend( false, {},  
{ name: "John", location:{city: "Boston",county:"USA"} },  
{ last: "Resig", location: {state: "MA",county:"China"} }  
                    )=={name:"John",last:"Resig",location:{state:"MA",county:"China"}}

  相关解决方案