jQuery.extend函数详细用法!
来源:互联网 发布:做淘宝美工好吗 编辑:程序博客网 时间:2024/06/05 18:20
jQuery.extend函数详细用法!
最近在研究jQuery。把jQuery.extend扩展函数的用法记录下来。
1、扩展jQuery静态方法.
1$.extend({
2test:function(){alert('test函数')}
3})
2test: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,..)
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
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
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
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
1 0
- jQuery.extend函数详细用法!
- jQuery.extend函数详细用法!
- jQuery.extend函数详细用法!
- jQuery.extend函数详细用法!
- jQuery.extend函数详细用法!
- jQuery.extend函数详细用法!
- jQuery.extend 函数及用法详细
- jQuery.extend 函数各种用法
- jQuery.extend 函数各种用法
- jQuery.extend扩展函数的用法
- jQuery.extend函数的多种用法!
- Jquery extend 函数的 用法 解析
- $.extend,jQuery.extend 函数详解
- jQuery.extend的用法
- jQuery的extend用法
- Jquery.extend的用法
- jQuery extend用法
- jQuery $.extend()用法
- 统计0到n中1的个数
- jQuery
- 2015百度之星资格赛 列变位法解密 1002
- 树的平衡值
- [线段树]HDU4893 Wow! Such Sequence!
- jQuery.extend函数详细用法!
- Java网络基础
- ajax引擎对象通过responseText属性 或者responseXML属性 接收服务器回送的数据
- Android项目(1)文件的命名规范
- 外部传参,关于ExternalInterface.addCallback的使用。
- 预加载2+网页加载条 可以直接复制代码运行,如果图片地址丢失的话可以自己替换掉
- 登录界面的实现
- Log4Net配置
- java工具IDEA的快捷键使用