jQuery中extend函数如何使用

今天就跟大家聊聊有关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函数如何使用有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


网站名称:jQuery中extend函数如何使用
转载来源:http://hbruida.cn/article/pdpjgd.html