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 相关文章推荐
模拟用户操作Input元素,不会触发相应事件
May 11 Javascript
用函数式编程技术编写优美的 JavaScript_ibm
May 16 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
Jan 21 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 Javascript
JAVA中截取字符串substring用法详解
Apr 14 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
vue中轮训器的使用
Jan 27 Javascript
微信小程序实现手势滑动效果
Aug 26 Javascript
微信小程序学习总结(五)常见问题实例小结
Jun 04 Javascript
原生js实现滑块区间组件
Jan 20 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
PHP生成带有雪花背景的验证码
2006/10/09 PHP
php的日期处理函数及uchome的function_coomon中日期处理函数的研究
2011/01/12 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
javascript深入理解js闭包
2010/07/03 Javascript
拥抱模块化的JavaScript
2012/03/07 Javascript
给文字加上着重号的JS代码
2013/11/12 Javascript
node.js中的fs.readFileSync方法使用说明
2014/12/15 Javascript
基于jquery实现在线选座订座之影院篇
2015/08/24 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
跟我学习javascript的异步脚本加载
2015/11/20 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
vue 子组件向父组件传值方法
2018/02/26 Javascript
基于Vuex无法观察到值变化的解决方法
2018/03/01 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
python文件和目录操作函数小结
2014/07/11 Python
详解Python中最难理解的点-装饰器
2017/04/03 Python
对pandas进行数据预处理的实例讲解
2018/04/20 Python
python实现简单登陆流程的方法
2018/04/22 Python
对Python2与Python3中__bool__方法的差异详解
2018/11/01 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
Python中常用的os操作汇总
2020/11/05 Python
Django中的DateTimeField和DateField实现
2021/02/24 Python
html5 css3网站菜单实现代码
2013/12/23 HTML / CSS
HTML5 canvas基本绘图之绘制五角星
2016/06/27 HTML / CSS
浅谈html5标签css3的常用样式
2016/10/20 HTML / CSS
蔻驰美国官网:COACH美国
2016/08/18 全球购物
天巡全球:Skyscanner Global
2017/06/20 全球购物
Linux中如何用命令创建目录
2015/01/12 面试题
小学生保护环境倡议书
2014/05/15 职场文书
华清池导游词
2015/02/02 职场文书
我的1919观后感
2015/06/03 职场文书
用golang如何替换某个文件中的字符串
2021/04/25 Golang
Python中itertools库的四个函数介绍
2022/04/06 Python
Oracle数据库事务的开启与结束详解
2022/06/25 Oracle