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 相关文章推荐
jQuery 1.7.2中getAll方法的疑惑分析
May 23 Javascript
php对mongodb的扩展(小试牛刀)
Nov 11 Javascript
Javascript MVC框架Backbone.js详解
Sep 18 Javascript
IE6浏览器中window.location.href无效的解决方法
Nov 20 Javascript
微信小程序(三):网络请求
Jan 13 Javascript
js实现3D图片环展示效果
Mar 09 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
Jul 13 jQuery
前端把html表格生成为excel表格的实例
Sep 19 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
react以create-react-app为基础创建项目
Mar 14 Javascript
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
layui导出所有数据的例子
Sep 10 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
第十一节--重载
2006/11/16 PHP
新手配置 PHP 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
php实现批量下载百度云盘文件例子分享
2014/04/10 PHP
WordPress中创建用户角色的相关PHP函数使用详解
2015/12/25 PHP
php使用imagecopymerge()函数创建半透明水印
2018/01/25 PHP
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
2013/02/02 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
Jquery选中或取消radio示例
2013/09/29 Javascript
window resize和scroll事件的基本优化思路
2014/04/29 Javascript
初识Node.js
2015/03/20 Javascript
kindeditor修复会替换script内容的问题
2015/04/03 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
JS实现下拉菜单赋值到文本框的方法
2015/08/18 Javascript
Angular2表单自定义验证器的实现
2016/10/19 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
2020/08/27 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
2019/10/31 Javascript
jquery实现两个div中的元素相互拖动的方法分析
2020/04/05 jQuery
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
Pyhthon中使用compileall模块编译源文件为pyc文件
2015/04/28 Python
python中模块查找的原理与方法详解
2017/08/11 Python
python3.6编写的单元测试示例
2019/08/17 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
python实现坦克大战
2020/04/24 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
优秀毕业生推荐信
2013/11/02 职场文书
高中生自我评语大全
2014/01/19 职场文书
社区服务标语
2014/07/01 职场文书
校本研修个人总结
2015/02/28 职场文书
小学三年级作文之写景
2019/11/05 职场文书
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python