╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → jQuery.extend函数详细用法!


  共有17514人关注过本帖树形打印复制链接

主题:jQuery.extend函数详细用法!

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27515 威望:0 精华:7 注册:2003/12/30 16:34:32
jQuery.extend函数详细用法!  发帖心情 Post By:2011/2/14 17:25:23 [只看该作者]

 1、扩展jQuery静态方法.
1$.extend({
2test:function(){alert('test函数')}
3}
)

用法: $.test()

2、合并多个对象.
为jQuery.extend(css1,css2)为例,css1,css2个有一些属性(法照样会比处理,这里之讲属性).
extend函数会把css2有而css1没有的属性加到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,..)
2var Css1={size: "10px",style: "oblique"}
3var 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
[此贴子已经被作者于2011-2-14 17:26:29编辑过]


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部
美女呀,离线,留言给我吧!
admin
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27515 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2011/2/14 17:25:37 [只看该作者]

 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” } }


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部