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 同时提交多个Web表单的方法
Feb 19 Javascript
IE与FireFox中的childNodes区别
Oct 20 Javascript
基于jquery完美拖拽,可返回拖动轨迹
Mar 29 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
javascript常用功能汇总
Jul 05 Javascript
实现非常简单的js双向数据绑定
Nov 06 Javascript
JavaScript 经典实例日常收集整理(常用经典)
Mar 30 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
Oct 10 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
CountUp.js数字滚动插件使用方法详解
Oct 17 Javascript
解决vue自定义指令导致的内存泄漏问题
Aug 04 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
smarty 缓存控制前的页面静态化原理
2013/03/15 PHP
使用php将某个目录下面的所有文件罗列出来的方法详解
2013/06/21 PHP
php使用strtotime和date函数判断日期是否有效代码分享
2013/12/25 PHP
利用phpexcel把excel导入数据库和数据库导出excel实现
2014/01/09 PHP
PHP远程采集图片详细教程
2014/07/01 PHP
高性能JavaScript DOM编程(1)
2015/08/11 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
ES6模块化的import和export用法方法总结
2017/08/08 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
vue组件实现文字居中对齐的方法
2017/08/23 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
2017/11/10 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
webpack css加载和图片加载的方法示例
2018/09/11 Javascript
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
解决python写的windows服务不能启动的问题
2014/04/15 Python
python实现简单的计时器功能函数
2015/03/14 Python
python开发之函数定义实例分析
2015/11/12 Python
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
在python中将字符串转为json对象并取值的方法
2018/12/31 Python
pytorch之inception_v3的实现案例
2020/01/06 Python
Python创建空列表的字典2种方法详解
2020/02/13 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
python PyAUtoGUI库实现自动化控制鼠标键盘
2020/09/09 Python
python自动化办公操作PPT的实现
2021/02/05 Python
CSS3教程(2):网页边框半径和网页圆角
2009/04/02 HTML / CSS
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
Lands’ End英国官方网站:高质量男女服装
2017/10/07 全球购物
请介绍一下Ant
2016/07/22 面试题
高考备战决心书
2014/03/11 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
档案工作汇报材料
2014/08/21 职场文书
小学优秀班主任材料
2014/12/17 职场文书
出纳试用期工作总结2015
2015/05/28 职场文书