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中的变量使用说明
May 18 Javascript
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
Mar 01 Javascript
js 实现日期灵活格式化的小例子
Jul 14 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
一个js过滤空格的小函数
Oct 10 Javascript
12306验证码破解思路分享
Mar 25 Javascript
JavaScript基础语法之js表达式
Jun 07 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 Javascript
Angular中ng-options下拉数据默认值的设定方法
Jun 21 Javascript
vue实现自定义日期组件功能的实例代码
Nov 06 Javascript
JS实现倒序输出的几种常用方法示例
Apr 13 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页面防重复提交方法总结
2013/11/25 PHP
详解yii2使用多个数据库的案例
2017/06/16 PHP
jquery插件制作教程 txtHover
2012/08/17 Javascript
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
2015/03/20 Javascript
jQuery实现带有洗牌效果的动画分页实例
2015/08/31 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
Angular中响应式表单的三种更新值方法详析
2017/08/22 Javascript
详解element上传组件before-remove钩子问题解决
2020/04/08 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
Python中的作用域规则详解
2015/01/30 Python
Python实现telnet服务器的方法
2015/07/10 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
对python实现合并两个排序链表的方法详解
2019/01/23 Python
python基础 range的用法解析
2019/08/23 Python
Python类如何定义私有变量
2020/02/03 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
kmart凯马特官网:美国最大的打折零售商和全球最大的批发商之一
2016/11/17 全球购物
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
阿迪达斯德国官方网站:adidas德国
2017/07/12 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
交通事故和解协议书
2014/09/25 职场文书
行政助理岗位职责
2015/02/10 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书
react如何快速设置文件路径别名
2021/04/28 Javascript