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中,为什么要尽可能使用局部变量?
Apr 06 Javascript
不同浏览器的怪癖小结
Jul 11 Javascript
js使用递归解析xml
Dec 12 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
EasyUI创建对话框的两种方式
Aug 23 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
Nov 18 Javascript
webpack踩坑之路图片的路径与打包
Sep 05 Javascript
微信小程序实现默认第一个选中变色效果
Jul 17 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
Aug 31 Javascript
详解KOA2如何手写中间件(装饰器模式)
Oct 11 Javascript
vue+elementUI组件table实现前端分页功能
Nov 15 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
模拟OICQ的实现思路和核心程序(三)
2006/10/09 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
php无序树实现方法
2015/07/28 PHP
smarty模板的使用方法实例分析
2019/09/18 PHP
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
浏览器的JavaScript引擎的识别方法
2013/10/20 Javascript
JavaScript模拟实现继承的方法
2015/03/30 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
2015/08/05 Javascript
AngularJS手动表单验证
2016/02/01 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
JavaScript Math 对象常用方法总结
2016/04/28 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
全面了解函数声明与函数表达式、变量提升
2016/08/09 Javascript
微信小程序 location API接口详解及实例代码
2016/10/12 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
2016/12/13 Javascript
Vue.js获取被选择的option的value和text值方法
2018/08/24 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
2018/10/09 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
Python人脸识别初探
2017/12/21 Python
Python 循环终止语句的三种方法小结
2019/06/24 Python
python绘制已知点的坐标的直线实例
2019/07/04 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
M.M.LaFleur官网:美国职业女装品牌
2020/10/27 全球购物
2019史上最全Database工程师题库
2015/12/06 面试题
linux面试题参考答案(8)
2015/08/11 面试题
土木工程专业个人求职信
2013/12/30 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
开展党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
开展党的群众路线教育实践活动个人对照检查材料
2014/11/05 职场文书
认识实习感想
2015/08/10 职场文书
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸