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 相关文章推荐
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
May 23 Javascript
js拆分字符串并将分割的数据放到数组中的方法
May 06 Javascript
JavaScript判断数组是否包含指定元素的方法
Jul 01 Javascript
比较常见的javascript中定义函数的区别
Nov 09 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
快速掌握jQuery插件WebUploader文件上传
Nov 07 Javascript
详解Node.js串行化流程控制
May 04 Javascript
Angular设置别名alias的方法
Nov 08 Javascript
layui select 禁止点击的实现方法
Sep 05 Javascript
js+canvas绘制图形验证码
Sep 21 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
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
Symfony2之session与cookie用法小结
2016/03/18 PHP
thinkPHP中U方法加密传递参数功能示例
2018/05/29 PHP
PHP asXML()函数讲解
2019/02/03 PHP
jQuery学习4 浏览器的事件模型
2010/02/07 Javascript
jQuery封装的获取Url中的Get参数示例
2013/11/26 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
理解javascript封装
2016/02/23 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
原生js实现打字动画游戏
2017/02/04 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
Webpack 服务器端代码打包的示例代码
2017/09/19 Javascript
让Vue也可以使用Redux的方法
2018/05/23 Javascript
详解一个基于react+webpack的多页面应用配置
2019/01/21 Javascript
vue.js多页面开发环境搭建过程
2019/04/24 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
python二叉树遍历的实现方法
2013/11/21 Python
Python3基础之基本运算符概述
2014/08/13 Python
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
您的网上新华书店:文轩网
2016/08/24 全球购物
你经历的项目中的SCM配置项主要有哪些?什么是配置项?
2013/11/04 面试题
毕业自荐书
2013/12/09 职场文书
葡萄牙语专业个人求职信
2013/12/10 职场文书
《自然之道》教学反思
2014/02/11 职场文书
廉洁自律承诺书
2014/03/27 职场文书
实习单位意见
2015/06/04 职场文书
宝葫芦的秘密观后感
2015/06/11 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
Vue接口封装的完整步骤记录
2021/05/14 Vue.js
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
关于JavaScript轮播图的实现
2021/11/20 Javascript