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 相关文章推荐
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 Javascript
使用js获取图片原始尺寸
Dec 03 Javascript
jQuery中clearQueue()方法用法实例
Dec 29 Javascript
JS处理json日期格式化问题
Oct 01 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
vue中mint-ui环境搭建详细介绍
Apr 06 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
vue中v-model的应用及使用详解
Jun 27 Javascript
JavaScript创建对象方法实例小结
Sep 03 Javascript
vue interceptor 使用教程实例详解
Sep 13 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 Javascript
ES6中new Function()语法及应用实例分析
Feb 19 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 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
php实现的漂亮分页方法
2014/04/17 PHP
php实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
php简单实现多字节字符串翻转的方法
2015/03/31 PHP
解决微信授权回调页面域名只能设置一个的问题
2016/12/11 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
js创建元素(节点)示例
2014/01/02 Javascript
通过隐藏iframe实现文件下载的js方法介绍
2014/02/26 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
js实现横向伸展开的二级导航菜单代码
2015/08/28 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
js实现的下拉框二级联动效果
2016/04/30 Javascript
javascript之Array 数组对象详解
2016/06/07 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
2016/08/01 Javascript
vue中本地静态图片路径写法
2018/03/06 Javascript
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
2018/05/17 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
2020/02/11 Javascript
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
实例解析Python的Twisted框架中Deferred对象的用法
2016/05/25 Python
python3.6+opencv3.4实现鼠标交互查看图片像素
2018/02/26 Python
python多线程抽象编程模型详解
2019/03/20 Python
python单线程下实现多个socket并发过程详解
2019/07/27 Python
Python新手学习函数默认参数设置
2020/06/03 Python
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
工程概预算专业毕业生求职信
2013/10/04 职场文书
党的群众路线教育实践活动查摆问题自查报告
2014/10/10 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
大学军训口号大全
2015/12/24 职场文书
2019最新企业员工考勤管理制度(通用版)!
2019/07/02 职场文书
人事部:年度述职报告范文
2019/07/12 职场文书
mysql的MVCC多版本并发控制的实现
2021/04/14 MySQL
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL