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连接access数据库的方法
Nov 17 Javascript
JavaScript 中的事件教程
Apr 05 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
Dec 20 Javascript
使用jquery实现IE下按backspace相当于返回操作
Mar 18 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
JavaScript实现音乐自动切换和轮播
Nov 05 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
使用jQuery给Table动态增加行、清空table的方法
Sep 05 jQuery
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
在Vue mounted方法中使用data变量详解
Nov 05 Javascript
JavaScript组合设计模式--改进引入案例分析
May 23 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
MYSQL环境变量设置方法
2007/01/15 PHP
PHP源代码数组统计count分析
2011/08/02 PHP
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
PHP 配置后台登录以及模板引入
2017/01/24 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
PHP 实现缩略图
2021/03/09 PHP
一个加载js文件的小脚本
2007/06/28 Javascript
jQuery prev ~ siblings选择器使用介绍
2013/08/09 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
JavaScript改变CSS样式的方法汇总
2015/05/07 Javascript
javascript实现二级级联菜单的简单制作
2015/11/19 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
JavaScript寄生组合式继承实例详解
2018/01/06 Javascript
详解微信小程序文件下载--视频和图片
2019/04/24 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
vue实现tab栏点击高亮效果
2020/08/19 Javascript
[35:39]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第二场 11.22
2020/11/24 DOTA
python的类变量和成员变量用法实例教程
2014/08/25 Python
在Django中创建第一个静态视图
2015/07/15 Python
深入理解NumPy简明教程---数组1
2016/12/17 Python
windows10下安装TensorFlow Object Detection API的步骤
2019/06/13 Python
python图片二值化提高识别率代码实例
2019/08/24 Python
Python函数中的可变长参数详解
2019/09/12 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
CSS实现雨滴动画效果的实例代码
2019/10/08 HTML / CSS
前端canvas水印快速制作(附完整代码)
2019/09/19 HTML / CSS
美国滑雪和滑雪板商店:Buckman
2018/03/03 全球购物
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
医院护士党的群众路线教育实践活动对照检查材料思想汇报
2014/10/04 职场文书
孔子观后感
2015/06/08 职场文书
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python
python 如何将两个实数矩阵合并为一个复数矩阵
2021/05/19 Python