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 实现的全选和反选
Apr 15 Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 Javascript
为javascript添加String.Format方法
Aug 11 Javascript
javascript将数字转换整数金额大写的方法
Jan 27 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
jQuery手动点击实现图片轮播特效
Apr 20 Javascript
AngularJS ng-mousedown 指令
Aug 02 Javascript
谈谈对JavaScript原生拖放的深入理解
Sep 20 Javascript
JavaScript的事件机制详解
Jan 17 Javascript
Bootstrap面板(Panels)的简单实现代码
Mar 17 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 Javascript
vue prop属性传值与传引用示例
Nov 13 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录入页面中动态从数据库中提取数据的实现
2006/10/09 PHP
检查php文件中是否含有bom的函数
2012/05/31 PHP
PHP的password_hash()使用实例
2014/03/17 PHP
yii分页组件用法实例分析
2015/12/28 PHP
mac os快速切换多个PHP版本的方法
2017/03/07 PHP
PHP中使用mpdf 导出PDF文件的实现方法
2018/10/22 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
分享别人写的一个小型js框架
2007/08/13 Javascript
jQuery对Select的操作大集合(收藏)
2013/12/28 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
jQuery实现打开页面渐现效果示例
2016/07/27 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
简单实现JS上传图片预览功能
2017/04/14 Javascript
bootstrap paginator分页前后台用法示例
2017/06/17 Javascript
jQuery 实现批量提交表格多行数据的方法
2018/08/09 jQuery
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
2020/03/10 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
2020/05/19 Javascript
js实现圆形菜单选择器
2020/12/03 Javascript
python中的内置函数getattr()介绍及示例
2014/07/20 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
详解Django+uwsgi+Nginx上线最佳实战
2019/03/14 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
python实现爬取百度图片的方法示例
2019/07/06 Python
对python中不同模块(函数、类、变量)的调用详解
2019/07/16 Python
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
旅游管理专业大学生职业规划书
2014/02/27 职场文书
学校清洁工岗位职责
2015/04/15 职场文书
党员违纪检讨书
2015/05/05 职场文书
python实现过滤敏感词
2021/05/08 Python