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 相关文章推荐
js脚本学习 比较实用的基础
Sep 07 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
Jun 28 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
Dec 11 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
Oct 10 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
Nov 20 Javascript
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
Vue运用transition实现过渡动画
May 06 Javascript
如何基于JS截获动态代码
Dec 25 Javascript
JavaScript实现网页tab栏效果制作
Nov 20 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
原生JS实现分页
Apr 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 日常开发小技巧
2009/09/23 PHP
浅谈Coreseek、Sphinx-for-chinaese、Sphinx+Scws的区别
2016/12/15 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
js检查是否关闭浏览器的方法
2016/08/02 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
web前端开发中常见的多列布局解决方案整理(一定要看)
2017/10/15 Javascript
JS实现非首屏图片延迟加载的示例
2018/01/06 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
使用FormData实现上传多个文件
2018/12/04 Javascript
element-ui 实现响应式导航栏的示例代码
2020/05/08 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
Python中的hypot()方法使用简介
2015/05/18 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
Linux下python与C++使用dlib实现人脸检测
2018/06/29 Python
Apache部署Django项目图文详解
2019/07/30 Python
python 实现一个反向单位矩阵示例
2019/11/29 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
HTML5之tabindex属性全面解析
2016/07/07 HTML / CSS
Madewell美德威尔美国官网:美国休闲服饰品牌
2016/11/25 全球购物
加大码胸罩、内裤和服装:Just My Size
2019/03/21 全球购物
英国性能汽车零件和发动机配件在线:Maxpeedingrods
2019/11/05 全球购物
家长给孩子的评语
2014/01/30 职场文书
计算机专业毕业生自荐信范文
2014/03/06 职场文书
销售队伍口号
2014/06/11 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
体育专业求职信
2014/07/16 职场文书
中国梦演讲稿3分钟
2014/08/19 职场文书
纪委书记群众路线整改措施思想汇报
2014/10/09 职场文书
基层党员群众路线整改措施及努力方向
2014/10/28 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL
你知道Java Spring的两种事务吗
2022/03/16 Java/Android