jQuery的extend方法【三种】


Posted in Javascript onDecember 14, 2016

jq中的extend在面试中经常会被问道,今天我总结一个下有关于extend的用法三种进行对比,可能不全,希望大家指点,

用法一: $.extend({})  ,为jQuery类添加方法,可以理解为扩展静态方法

jQuery的extend方法【三种】

用法二:$.fn.extend({})  插件,对jQuery.prototype进行扩展,提到插件那么就得说一下另一种方法$.fn.method = function(){}

1. $.fn.method = function(){} 可以定义一个方法

jQuery的extend方法【三种】

            2 . $.fn.extend({}) 定义多个方法。

               需要实例化:$().toChange(),那么它的原型方法才能使用

jQuery的extend方法【三种】

 $.extend({})-- 静态方法 和$.fn.extend({})--实例方法的区别 ,$是jQuery的简写

    1:jQuery.extend() 的调用并不会把方法扩展到对象的实例上,引用它的方法也需要通过jQuery类来实现

    2:jQuery.fn.extend()的调用把方法扩展到了对象的prototype上,所以实例化一个jQuery对象的时候,它就具有了这些方法、

    3:jQuery.fn.extend = jQuery.prototype.extend

jQuery的extend方法【三种】

用法三:继承。浅拷贝与深拷贝

1 . 浅拷贝 $.extend(a,b) a使用b的属性

jQuery的extend方法【三种】

     2 . 深拷贝 $.extend(true,a,b) a使用b的属性

jQuery的extend方法【三种】

        3 . 不管后面有多少个对象,都将成为第一个对象的属性

jQuery的extend方法【三种】

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 Javascript
js怎么判断flash swf文件是否加载完毕
Aug 14 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
node.js使用cluster实现多进程
Mar 17 Javascript
使用JSON作为函数的参数的优缺点
Oct 27 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
微信小程序url传参写变量的方法
Aug 09 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
May 16 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
Oct 22 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
Dec 14 #Javascript
Bootstrap导航条的使用和理解3
Dec 14 #Javascript
jQuery学习笔记之入门
Dec 14 #Javascript
Bootstrap轮播图的使用和理解4
Dec 14 #Javascript
12 款 JS 代码测试必备工具(翻译)
Dec 13 #Javascript
使用BootStrap实现悬浮窗口的效果
Dec 13 #Javascript
关于微信jssdk实现多图片上传的一点心得分享
Dec 13 #Javascript
You might like
php定时删除文件夹下文件(清理缓存文件)
2013/01/23 PHP
排序算法之PHP版快速排序、冒泡排序
2014/04/09 PHP
Yii框架获取当前controlle和action对应id的方法
2014/12/03 PHP
PHP中让curl支持sock5的代码实例
2015/01/21 PHP
php连接sftp的作用以及实例代码
2019/09/23 PHP
Javascript实现DIV滚动自动滚动到底部的代码
2012/03/01 Javascript
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
2014/10/20 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
2015/04/17 Javascript
基于javascript实现仿百度输入框自动匹配功能
2016/01/03 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
bootstrap datetimepicker2.3.11时间插件使用
2016/11/19 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
js实现随机抽选效果、随机抽选红色球效果
2017/01/13 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
详解在Python程序中使用Cookie的教程
2015/04/30 Python
windows下python和pip安装教程
2018/05/25 Python
Python3.7实现中控考勤机自动连接
2018/08/28 Python
python 生成图形验证码的方法示例
2018/11/11 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
Python函数__new__及__init__作用及区别解析
2020/08/31 Python
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
高中数学教师求职信
2013/10/30 职场文书
优秀村官事迹材料
2014/01/10 职场文书
装修设计师求职信
2014/02/26 职场文书
2014年党支部学习材料
2014/05/19 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
教师节感谢信
2015/01/22 职场文书
小学重阳节活动总结
2015/03/24 职场文书
2015年环保局工作总结
2015/05/22 职场文书
党员转正介绍人意见
2015/06/03 职场文书