jQuery学习笔记之extend方法小结

在学习jQuery的时候，学习到了$.extend的主要用法，在此做一个简单的总结。

（1）当只写一个对象自变量时，拓展的是jQuery的工具方法，如：

$.extend({aaa:function(){alert('a')},bbb:function(){alert('b')}})

调用就是$.aaa(); $.bbb();
也可以拓展jQuery对象的方法，如：

$.fn.extend({aaa:function(){alert(1)},bbb:function(){alert(2)}})

调用方式是$().aaa(); $().bbb();

还有一点需要注意，jQuery的工具拓展方法和对象的拓展方法是指向同一个引用的，jQuery.extend = jQuery.fn.extend = function() {}

（2）拓展对象，$.extend(dest,src1,src2,src3...)，其中dest表示合并后的对象，如：

new1={name:'jimmy',age:20};
new2={age:18,sex:'female'};
new3={ sex:'male',family:'brother'}
newobj={}
var newEst=$.extend(newobj,new1,new2,new3);

运行结果为

从结果可以看出newobj对象合并了其它三个对象的属性，已有的属性，则替换值，没有的属性合并加进来；

（3）拓展对象，$.extend(boolean,dest,src1,src2,src3...)，第一个参数为boolean，代表是否进行深度拷贝，例：

city1={ name:'jack',age:128,location:{from:'USA',state:'good'}};
city2={ name:'jack',age:18,location:{from:'CN',city:'CQ'}};
var newcity1=$.extend(true,city1,city2);
var newcity2=$.extend(false,city1,city2);
console.log(newcity1);
console.log(newcity2);

newcity1的结果为，可以看出location对象中，也进行了拷贝；

newcity1的结果为，可以看出只是将city2中的location，进行合并，并没有进行内部内容的合并。

在自己学习的过程中，也看到了许多有关jQuery.extend()方法总结的非常好的博文，并进行了参考，非常感谢。

参考博文：http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.html

转载于:https://www.cnblogs.com/zqllove/p/4139756.html

jQuery学习笔记之extend方法小结相关推荐

html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性
今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...
jquery学习笔记及常用函数封装
二.JQuery 学习笔记及常用函数封装 https://download.csdn.net/download/weixin_42530002/13087988 1.JQuery入门 (1).css选 ...
jQuery学习笔记之DOM操作、事件绑定（2）
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定源码地址: https ...
【转载】jQuery学习笔记
jQuery学习笔记 1 基础 HTML :一个人的裸体,是一个人的物质基础,是一个结构. CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人. JavaScript :一个人的灵魂 ...
jQuery学习笔记：Ajax(二)
接上篇"jQuery学习笔记:Ajax(一)". 3.jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息. 这 ...
jQuery学习笔记01：初试jQuery
jQuery学习笔记01:初试jQuery 一.下载jQuery jQuery官网:https://jquery.com 二.案例演示--Welcome to jQuery World 1.在WebS ...
jQuery学习笔记（二）
jQuery学习笔记(二) 二.管理jQuery包装集 1.创建新的元素使用HTML DOM 创建元素 var select=document.createElement("select& ...
javaweb（03） jQuery学习笔记
javaweb(03) jQuery学习笔记 jQuery介绍什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...
jQuery学习笔记开篇
开始学习人见人爱花见花开的jQuery. jQuery是一个轻量级,快速简洁的javascript框架.它的官方网址是(http://jquery.com/).jQuery的优点是它容量小巧,简洁和简 ...

jQuery学习笔记之extend方法小结

jQuery学习笔记之extend方法小结相关推荐

最新文章

热门文章