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 相关文章推荐
Javascript在IE或Firefox下获取鼠标位置的代码
Dec 18 Javascript
IE6图片加载的一个BUG解决方法
Jul 13 Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
Nov 26 Javascript
详解Javascript 装载和执行
Nov 17 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
Jan 25 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
vue+element实现表单校验功能
May 20 Javascript
vue elementUI使用tabs与导航栏联动
Jun 21 Javascript
layui select 禁止点击的实现方法
Sep 05 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
Mar 05 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+mysql事务rollback&commit示例
2010/02/08 PHP
php cli换行示例
2014/04/22 PHP
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
jQuery向下滚动即时加载内容实现的瀑布流效果
2016/01/07 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
Javascript 遍历对象中的子对象
2009/07/03 Javascript
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
基于javascipt-dom编程 table对象的使用
2013/04/22 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
JS window对象的top、parent、opener含义介绍
2013/12/03 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
jquery事件与绑定事件
2017/03/16 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
2017/12/21 Javascript
vue获取当前激活路由的方法
2018/03/17 Javascript
vue-week-picker实现支持按周切换的日历
2019/06/26 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
[07:08]2014DOTA2西雅图国际邀请赛 小组赛7月11日TOPPLAY
2014/07/11 DOTA
python模块之sys模块和序列化模块(实例讲解)
2017/09/13 Python
Python学习之Django的管理界面代码示例
2018/02/10 Python
python opencv检测目标颜色的实例讲解
2018/04/02 Python
浅谈pytorch grad_fn以及权重梯度不更新的问题
2019/08/20 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
python使用scapy模块实现ARP扫描的过程
2021/01/21 Python
Autopep8的使用(python自动编排工具)
2021/03/02 Python
纯css3制作煽动翅膀的蝴蝶的示例
2018/04/23 HTML / CSS
CSS 3.0 结合video视频实现的创意开幕效果
2020/06/01 HTML / CSS
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
opencv实现图像平移效果
2021/03/24 Python
工程师求职简历的自我评价分享
2013/10/10 职场文书
英文自荐信
2013/12/15 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
人代会标语
2014/06/30 职场文书
流动人口婚育证明
2014/10/19 职场文书
论文致谢词范文
2015/05/14 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
Python离线安装openpyxl模块的步骤
2021/03/30 Python