jQuery中的extend方法通过不同的参数实现了几种不同的继承方法:
1. extend(src), 扩展jQuery静态方法.
也就是说,将src对象的属性和方法逐一复制给jQuery
$.extend({
test:function(){alert('test函数')}
})
2. extend(dest,src1,src2,src3...srcN) ,合并多个对象.
为jQuery.extend(css1,css2)为例,css1,css2各有一些属性(方法照样会如此处理,这里只讲属性).
extend函数会把css2有而css2没有的属性加到css1中,如果css2的某个属性与css1的某个属性名称享用,就会用css2的属性去覆盖css1的同名属性。css1就是最后的整和对象。或者也可以用 :
var newcss = jquery.extend(css1,css2) newcss就是合并的新对象。
var newcss = jquery.extend({},css1,css2) newcss就是合并的新对象.而且没有破坏css1的结构。
//用法: jQuery.extend(obj1,obj2,obj3,..)
ar 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"}7
3.extend(boolean,dest,src1,src2...),深度镶套对象
新的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” } } 1617
与其他的类库不同的是,jQuery的extend方法提供了“深层拷贝”的功能,如果你传入的第一个参数为boolean型变量,则该变量为深
层拷贝的标志,第二个参数为extend方法的目标对象,其余参数为需要进行继承的“父类”。如果第一个参数的值为true(深层拷贝),并且dest和
src元素都包括相同名称的对象属性,则对该对象属性的方法和属性再进行一次复制。
jQuery中的extend方法
精选 转载文章标签 jquery extend 文章分类 jQuery 前端开发
上一篇:JAVA操作文件
-
jquery中的extend方法的简单使用
jquery extend方法的使用 合并对象
jquery extend方法 合并对象 -
jquery的extend和fn.extend
-
jquery object function prototype javascript -
JQuery的 jQuery.fn.extend() 和jQuery.extend();
jQuery.fn.extend();jQuery.extend(); $.extend({ testclick: function () { alert('this is testclick'); } }); $.fn.extend({ alertWhileClick: function () {
jQuery.fn.extend jQuery.extend() jquery 成员函数 编辑框