切换导航
首页
技术问答
编程语言
前端开发
移动开发
开发工具
程序设计
行业应用
CMS系统
服务器
频道导航
▸ PHP
▸ Java
▸ Java SE
▸ Python
▸ C#
▸ C&C++
▸ Ruby
▸ VB
▸ asp.Net
▸ Go
▸ Perl
▸ netty
▸ Django
▸ Delphi
▸ Jsp
▸ .NET Core
▸ Spring
▸ Flask
▸ Springboot
▸ SpringMVC
▸ Lua
▸ Laravel
▸ Mybatis
▸ Asp
▸ Groovy
▸ ThinkPHP
▸ Yii
▸ swoole
▸ HTML
▸ HTML5
▸ JavaScript
▸ CSS
▸ jQuery
▸ Bootstrap
▸ Angularjs
▸ TypeScript
▸ Vue
▸ Dojo
▸ Json
▸ Electron
▸ Node.js
▸ extjs
▸ Express
▸ XML
▸ ES6
▸ Ajax
▸ Flash
▸ Unity
▸ React
▸ Flex
▸ Ant Design
▸ Web前端
▸ 微信小程序
▸ 微信公众号
▸ iOS
▸ Android
▸ Swift
▸ Hybrid
▸ Cocos2d-x
▸ Flutter
▸ Xcode
▸ Silverlight
▸ cocoa
▸ Cordova
前端之家
jQuery
jQuery源码解读之extend()与工具方法、实例方法详解
jQuery源码解读之extend()与工具方法、实例方法详解
2019-01-07
jQuery
前端之家
前端之家
收集整理的这篇文章主要介绍了
jQuery源码解读之extend()与工具方法、实例方法详解
,
前端之家
小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_
301
_0@本文实例讲述了jQuery源码解读之extend()与工具
方法
、实例
方法
。
分享
给大家供大家参考,具体如下:
@H_
301
_0@使用jQuery的时候会发现,jQuery中有的
函数
是这样使用的:
<div class="jb51code">
<pre class="brush:js;">
$.get();
$.post();
$.getJSON();
@H_
301
_0@有些
函数
是这样使用的:
@H_
301
_0@有些
函数
是这样使用的:
@H_
301
_0@这里涉及到两个概念:工具
方法
与实例
方法
。通常我们说的工具
方法
是指无需实例化就可以
调用
的
函数
,如第一段
代码
;实例
方法
是必须实例化对象以后才可以
调用
的
函数
,如第二段
代码
。jQuery中很多
方法
既是实例
方法
也是工具
方法
,只是
调用
方式略有不同,如第三段
代码
。为了更清晰解释JavaScript中的工具
方法
与实例
方法
,进行如下测试。
@H_
301
_0@通过以上测试可以得出结论,在原型中定义的是实例
方法
,在构造
函数
中直接
添加
的是工具
方法
;实例
方法
不能由构造
函数
调用
,同理,工具
方法
也不能由实例
调用
。 @H_
301
_0@当然实例
方法
不仅可以在原型中定义,有以下三种定义
方法
:
@H_
301
_0@这三种方式的优先级为:直接定义在实例上的变量的优先级要高于定义在“this”上的,而定义在“this”上的又高于 prototype定义的变量。即直接定义在实例上的变量会覆盖定义在“this”上和prototype定义的变量,定义在“this”上的会覆盖prototype定义的变量。 @H_
301
_0@下面看jQuery中extend()
方法
源码:
@H_
301
_0@(1)首先,jQuery和其原型中extend()
方法
的实现使用的同一个
函数
。 @H_
301
_0@(2)当extend()中只有一个参数的时候,是为jQuery对象
添加
插件
。在jQuery上扩展的叫做工具
方法
,在jQuery.fn(jQuery原型)中扩展的是实例
方法
,即使在jQuery和原型上扩展相同名字的
函数
也可以,使用jQuery对象会
调用
工具
方法
,使用jQuery()会
调用
实例
方法
。 @H_
301
_0@(3)当extend()中有多个参数时,后面的参数都扩展到第一个参数上。
@H_
301
_0@(4)浅拷贝(默认):
@H_
301
_0@b不受a影响,但是如果b中一个
属性
为对象:
@H_
301
_0@由于浅拷贝无法完成,则b.name会受到a的影响,这时我们往往希望深拷贝。 @H_
301
_0@深拷贝:
@H_
301
_0@b.name不受a的影响。
@H_
301
_0@更多关于jQuery相关
内容
感兴趣的读者可查看本站专题:《
》、《
》、《
》、《
》、《
》、《
》及《
用法
总结》 @H_
301
_0@希望本文所述对大家jQuery程序设计有所帮助。
extend()
jQuery
实例方法
工具方法
源码解读
上一篇:jQuery实现Select下拉列表进行状态
下一篇:jQuery UI Grid 模态框中的表格实例
猜你在找的jQuery相关文章
《锋利的jQuery》笔记:插件的使用和写法
jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的...
作者:前端之家 时间:2020-12-28
jQuery插件开发入门
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery...
作者:前端之家 时间:2020-12-28
jquery.roundabout.js实现3D图片层叠旋转木马切换
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容...
作者:前端之家 时间:2020-12-28
jQuery效果之jQuery实现图片的依次加载图片
css代码: js代码:
作者:前端之家 时间:2020-12-28
jQuery之deferred对象详解
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。...
作者:前端之家 时间:2020-12-28
jQuery插件开发进阶
jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能...
作者:前端之家 时间:2020-12-28
jQuery 实现邮箱输入自动提示功能:(一)
记得去年做某个项目的时候,用到了邮箱输入自动提示功能,于是网上搜了一下,发现了这个写...
作者:前端之家 时间:2020-12-28
jQuery插件之上传文件ajaxfileupload.js源码与使用
在网页应用中,一般会用到上传文件或者图片什么的到服务器,那么可以用ajaxfileupload.js,...
作者:前端之家 时间:2020-12-28
jQuery效果之封装一个文章图片弹出放大效果
首先先搭写一个基本的格式: 然后用自调用匿名函数包裹你的代码,将系统变量以变量形式传递...
作者:前端之家 时间:2020-12-28
《从零开始学习jQuery》:用jQuery操作元素的属性与样式
元素属性和Dom属性简介 对于下面这样一个标签元素: 我们通常将id,src,alt,class称为属性,也...
作者:前端之家 时间:2020-12-28
编程分类
HTML
HTML5
JavaScript
CSS
jQuery
Bootstrap
Angularjs
TypeScript
Vue
Dojo
Json
Electron
Node.js
extjs
Express
XML
ES6
Ajax
Flash
Unity
React
Flex
Ant Design
Web前端
微信小程序
微信公众号
最新文章
• 《锋利的jQuery》笔记:插
• jQuery插件开发入门
• jquery.roundabout.js实现
• jQuery效果之jQuery实现图
• jQuery之deferred对象详解
• jQuery 对AMD的支持(Requ
• jQuery插件开发进阶
• jQuery 实现邮箱输入自动提
• jQuery插件之上传文件ajax
• jQuery效果之封装一个文章
热门标签
更多 ►
关闭广告
单独headers
封装代码
提示错误
整数正则
非0开头
跳页
出页码
antd table
提示URL未注册
公众号支付
vue hash模式
iSlider
车牌键盘
循环图片
echarts 双折
左右布局
DllPlugin
对象创建
打字游戏
圈选
两栏
云函数
蒙版
ES2020
橱窗
无缝滚动轮播
色块碰撞
组件销毁
文档操作