JQuery中$(document)是什么意思有什么作用


Posted in Javascript onJuly 21, 2014

首先我解释一下jQuery jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。

为什么不用window.onload(),因为window.onload函数执行的时候,要说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。

但是 $(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。

简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数. $(document).ready(function(){ // 你的代码 });

$(document)意思是说,获取整个网页文档对象(类似的于window.document),

$(document).ready意思就是说,获取文档对象就绪的时候。上面这段代码的意思是检查文档对象直到它能够允许被操作(译者注:这样做比window.onload()函数要快的多,因为只要文档对象载入完成就能够执行代码了,而不需要等待页面中的图片下载是否已经完成)---这是我们想要的。

Javascript 相关文章推荐
javascript在一段文字中的光标处插入其他文字
Aug 26 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
js验证框架实现代码分享
May 18 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
JS实现图片放大缩小的方法
Feb 15 Javascript
jQuery的$.extend 浅拷贝与深拷贝
Mar 08 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
Jun 29 Javascript
详解VUE调用本地json的使用方法
May 15 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
Jun 04 Javascript
jquery显示隐藏input对象
Jul 21 #Javascript
jquery实现保存已选用户
Jul 21 #Javascript
jquery实现显示已选用户
Jul 21 #Javascript
jquery操作checkbox示例分享
Jul 21 #Javascript
jquery常用操作小结
Jul 21 #Javascript
JavaScript中的apply和call函数详解
Jul 20 #Javascript
一行命令搞定node.js 版本升级
Jul 20 #Javascript
You might like
很实用的一个完整email发送程序
2006/10/09 PHP
php session和cookie使用说明
2010/04/07 PHP
php文件上传表单摘自drupal的代码
2011/02/15 PHP
php数组的一些常见操作汇总
2011/07/17 PHP
PHP通过正则表达式下载图片到本地的实现代码
2011/09/19 PHP
浅析echo(),print(),print_r(),return之间的区别
2013/11/27 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
java解析json方法总结
2019/05/16 PHP
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
js动态切换图片的方法
2015/01/20 Javascript
JS实现简易图片轮播效果的方法
2015/03/25 Javascript
js 模仿锚点定位的实现方法
2016/11/19 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
基于three.js编写的一个项目类示例代码
2018/01/05 Javascript
Angular 项目实现国际化的方法
2018/01/08 Javascript
vue实现键盘输入支付密码功能
2018/08/18 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
Vue项目利用axios请求接口下载excel
2020/11/17 Vue.js
Vue如何实现验证码输入交互
2020/12/07 Vue.js
[45:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第二场 6.2
2018/06/04 DOTA
[51:26]VP vs VG 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
python计算N天之后日期的方法
2015/03/31 Python
Python中用max()方法求最大值的介绍
2015/05/15 Python
简单介绍使用Python解析并修改XML文档的方法
2015/10/15 Python
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
python修改FTP服务器上的文件名
2019/09/11 Python
美国伴娘礼服商店:Evening Collective
2019/10/07 全球购物
师范应届生求职信
2013/11/15 职场文书
应聘面试自我评价
2014/01/24 职场文书
优秀幼教自荐信
2014/02/03 职场文书
明星邀请函
2015/02/02 职场文书
个人工作表现自我评价
2015/03/06 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书