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 相关文章推荐
才发现的超链接js导致网页中GIF动画停止的解决方法
Nov 02 Javascript
基于jquery的一个浮动框(扩展性比较好 )
Aug 27 Javascript
向当前style sheet中插入一个新的style实现方法
Apr 01 Javascript
用JS做的简单的可折叠的两级树形菜单
Sep 21 Javascript
jquery解析xml字符串简单示例
Apr 11 Javascript
浅析JavaScript 调试方法和技巧
Oct 22 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
Oct 10 Javascript
浅析BootStrap Treeview的简单使用
Oct 12 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
Feb 28 Javascript
Node使用Nodemailer发送邮件的方法实现
Feb 24 Javascript
JavaScript基于用户照片姓名生成海报
May 29 Javascript
javascript操作向表格中动态加载数据
Aug 27 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的正则处理函数总结分析
2008/06/20 PHP
php下获取客户端ip地址的函数
2010/03/15 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
从sohu弄下来的flash中展示图片的代码
2007/04/27 Javascript
非常漂亮的JS代码经典广告
2007/10/21 Javascript
学习JavaScript设计模式之状态模式
2016/01/08 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
2016/08/06 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
2016/09/02 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
2017/03/02 Javascript
Mongoose经常返回e11000 error的原因分析
2017/03/29 Javascript
NodeJs入门教程之定时器和队列
2019/03/08 NodeJs
vue+iview动态渲染表格详解
2019/03/19 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
python实现简易版计算器
2020/06/22 Python
对python中的logger模块全面讲解
2018/04/28 Python
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
python实现简单俄罗斯方块
2020/03/13 Python
pyqt5 QlistView列表显示的实现示例
2020/03/24 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
Kmeans均值聚类算法原理以及Python如何实现
2020/09/26 Python
Structs界面控制层技术
2013/10/11 面试题
自学考试自我鉴定范文
2013/09/26 职场文书
学生个人的自我评价分享
2013/11/05 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
国培远程培训感言
2014/03/08 职场文书
个人更名证明
2015/06/23 职场文书
Python 实现定积分与二重定积分的操作
2021/05/26 Python
Python数据分析之绘图和可视化详解
2021/06/02 Python
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript
怎么禁用Windows 11快照布局? win11不使用快照布局的技巧
2021/11/21 数码科技