jQuery.extend函数详细用法!
2024-09-04 09:42:30
最近在研究jQuery。把jQuery.extend扩展函数的用法记录下来。
1、扩展jQuery静态方法.
$.extend({
test:function(){alert('test函数')}
})
用法: $.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的结构。
//用法: jQuery.extend(obj1,obj2,obj3,..)
var 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"}
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,
{ name: “John”, location: { city: “Boston” } },
{ last: “Resig”, location: { state: “MA” } }
);
// 结果
// => { name: “John”, last: “Resig”,
// location: { city: “Boston”, state: “MA” } }
最新文章
- CLR via C# 3rd - 08 - Methods
- css 内联元素
- [USACO 1.5.4]checker(水题重做——位运算(lowbit的应用))
- 探讨关于C#中Foreach的本质
- freemarker空值的多种处理方法
- 破坏之王——ddos攻击与防范 读书笔记
- hive怎样处理多分隔符数据
- WCF请求数据:已超过传入消息(65536)的最大消息大小配额。若要增加配额,请使用相应绑定元素上的 MaxReceivedMessageSize 属性。
- 房上的猫:StringBuffer类
- mysql索引规范
- VB洗牌算法产生随机数组
- scss初学小结(转阮一峰老师SASS用法指南http://www.ruanyifeng.com/blog/2012/06/sass.html)
- 2、jeecg 笔记之 t:dictSelect 或 t:dgCol 自定义字典
- Android apk签名的两种方法
- Docker_容器化jenkins
- Js_判断浏览器
- 【ContestHunter】【弱省胡策】【Round4】
- Jquery 自定义插件写法(示例)
- vs2012 error c4996: 'fopen': This function or variable may be unsafe
- 实战DeviceIoControl系列之四:获取硬盘的详细信息