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之大字符串的连接的StringBuffer 类
May 08 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
Nov 26 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
Jan 24 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
Angular使用操作事件指令ng-click传多个参数示例
Mar 27 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
Jun 06 Javascript
判断“命令按钮”是否被鼠标单击详解
Jul 31 Javascript
JS数组的高级使用方法示例小结
Mar 14 Javascript
我所理解的JavaScript中的this指向
Sep 04 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
Smarty安装配置方法
2008/04/10 PHP
PHP通过header实现文本文件下载的代码
2010/08/08 PHP
php邮件发送,php发送邮件的类
2011/03/24 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
ajax异步刷新实现更新数据库
2012/12/03 Javascript
js实现文本框选中的方法
2015/05/26 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
原生JS简单实现ajax的方法示例
2016/11/29 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
详解 vue better-scroll滚动插件排坑
2018/02/08 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
简单介绍Python中的decode()方法的使用
2015/05/18 Python
Python制作Windows系统服务
2017/03/25 Python
详解Python下Flask-ApScheduler快速指南
2018/11/04 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
手写一个python迭代器过程详解
2019/08/27 Python
初学者学习Python好还是Java好
2020/05/26 Python
python rsa-oaep加密的示例代码
2020/09/23 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
印尼最大的网上书店:Gramedia.com
2018/09/13 全球购物
小米官方旗舰店:Xiaomi
2020/08/07 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述。
2015/11/09 面试题
应届大学生自荐信格式
2013/09/21 职场文书
广告设计专业自荐信范文
2013/11/14 职场文书
业务员工作态度散漫检讨书
2014/11/02 职场文书
使用RedisTemplat实现简单的分布式锁
2021/11/20 Redis
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers