您好,登录后才能下订单哦!
今天就跟大家聊聊有关jQuery中extend函数如何使用,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
1、扩展jQuery静态方法.
1 $.extend({ 2 test:function(){alert('test函数')} 3 }) |
用法: $.test()
2、合并多个对象.
为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的结构。
1 //用法: jQuery.extend(obj1,obj2,obj3,..) 2 var Css1={size: "10px",style: "oblique"} 3 var Css2={size: "12px",style: "oblique",weight: "bolder"} 4 $.jQuery.extend(Css1,Css2) 5 //结果:Css1的size属性被覆盖,而且继承了Css2的weight属性 6 // Css1 = {size: "12px",style: "oblique",weight: "bolder"} 7 |
3。深度镶套对象
新的extend()允许你更深度的合并镶套对象。下面的例子是一个很好的证明。
1// 以前的 .extend() 2 jQuery.extend( 3 { name: “John”, location: { city: “Boston” } }, 4 { last: “Resig”, location: { state: “MA” } } 5 ); 6 // 结果: 7 // => { name: “John”, last: “Resig”, location: { state: “MA” } } 8 // 新的更深入的 .extend() 9 jQuery.extend( true, 10 { name: “John”, location: { city: “Boston” } }, 11 { last: “Resig”, location: { state: “MA” } } 12 ); 13 // 结果 14 // => { name: “John”, last: “Resig”, 15 // location: { city: “Boston”, state: “MA” } } 16 17
看完上述内容,你们对jQuery中extend函数如何使用有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。