博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery.extend()和 jQuery.fn.extend()用法总结
阅读量:6945 次
发布时间:2019-06-27

本文共 1087 字,大约阅读时间需要 3 分钟。

  hot3.png

jQuery为开发插件提拱了两个方法,分别是: 

jQuery.fn.extend(object); 
jQuery.extend(object); 
jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。 
jQuery.fn.extend(object);给jQuery对象添加方法。这个应该很好理解吧。举个例子。

     

new soul

new soul

new soul

new soul

好的,上面你也看到了一点点$.extend()的用法。 

1.合并多个对象。 
这里使用的就是$.extend()的嵌套多个对象的功能。 
所谓嵌套多个对象,有点类似于数组的合并的操作。 
但是这里是对象。举例说明。 

//用法: 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"} 

2.深度嵌套对象。

 jQuery.extend( { name: “John”, location: { city: “Boston” } }, { last: “Resig”, location: { state: “MA” } } ); // 结果: // => { name: “John”, last: “Resig”, location: { state: “MA” } } // 新的更深入的 .extend() jQuery.extend( true, { name: “John”, location: { city: “Boston” } }, { last: “Resig”, location: { state: “MA” } } ); // 结果 // => { name: “John”, last: “Resig”, // location: { city: “Boston”, state: “MA” } } 

3.可以给jQuery添加静态方法。

        

 

转载于:https://my.oschina.net/fcweb/blog/1563679

你可能感兴趣的文章
android studio2 安装乱码,error
查看>>
ThinkPHP模板中使用<volist>嵌套超过三层时出错-解决方法
查看>>
网络技术温故知新(二)
查看>>
在自己的电脑上架个网站!win7+IIS7+花生壳架设网站图文教程__iPc_me
查看>>
Java8 stream的reduce,collection操作
查看>>
获取checkbox后面的文本内容
查看>>
.NET Framework基础知识(五)
查看>>
IDEA使用的感触
查看>>
oracle 9i学习日志(2)--内存结构
查看>>
无刷新上传文件
查看>>
keepalived+nginx高可用双击主备配置说明
查看>>
github学习笔记
查看>>
Laravel-Administrator
查看>>
Exchange 2013部署系列之(十一)Office Web Apps部署
查看>>
IIS开启GZIP压缩故障
查看>>
Linux系统的Shell
查看>>
[硕.Love Python] InsertionSort(插入排序)
查看>>
黑盒测试与白盒测试区别
查看>>
找出链表中倒数第k个节点
查看>>
AGG第十五课 agg::rounded_rect 渲染圆角矩形
查看>>