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 相关文章推荐
关于hashchangebroker和statehashable的补充文档
Aug 08 Javascript
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
Feb 03 Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
JavaScript实现广告的关闭与显示效果实例
Jul 02 Javascript
JS在onclientclick里如何控制onclick的执行
May 30 Javascript
原生js实现轮播图
Feb 27 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
详解vue-cli + webpack 多页面实例应用
Apr 25 Javascript
基于JavaScript实现单例模式
Oct 30 Javascript
vue页面跳转实现页面缓存操作
Jul 22 Javascript
three.js欧拉角和四元数的使用方法
Jul 26 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
PHP Undefined index报错的修复方法
2011/07/17 PHP
php使用websocket示例详解
2014/03/12 PHP
javascript控制frame,iframe的src属性代码
2009/12/31 Javascript
通过jquery的$.getJSON做一个跨域ajax请求试验
2011/05/03 Javascript
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
利用javascript数组长度循环数组内所有元素
2013/12/27 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
2014/08/27 Javascript
javascript实现将文件保存到本地方法汇总
2015/07/26 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
微信小程序教程系列之视图层的条件渲染(10)
2017/04/19 Javascript
浅谈ECMAScript6新特性之let、const
2017/08/02 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
Node爬取大批量文件的方法示例
2019/06/28 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
vue在线动态切换主题色方案
2020/03/26 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
查看Django和flask版本的方法
2018/05/14 Python
Python figure参数及subplot子图绘制代码
2020/04/18 Python
python各种excel写入方式的速度对比
2020/11/10 Python
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
英国电器零售商:PRC Direct
2018/06/21 全球购物
Pandora德国官网:购买潘多拉手链、戒指、项链和耳环
2020/02/20 全球购物
家长写给老师的建议书
2014/03/13 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
文艺晚会策划方案
2014/06/11 职场文书
信访工作汇报材料
2014/10/27 职场文书
专业见习报告范文
2014/11/03 职场文书
值班管理制度范本
2015/08/06 职场文书
中小学教师继续教育心得体会
2016/01/19 职场文书
Python+Appium新手教程
2021/04/17 Python
html form表单基础入门案例讲解
2021/07/21 HTML / CSS