首先解释一下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()函数要快的多,因为只要文档对象载入完成就能够执行代码了,而不需要等待页面中的图片下载是否已经完成)—这是我们想要的。

JQuery中$(document)、$(document).ready()是什么意思?相关推荐

  1. Jquery中的$(document).ready()详解

    参考:https://blog.csdn.net/beidaol/article/details/81009740 因为html代码顺序执行,所以想要在js操作某个标签元素的时候,要保证这个元素已经被 ...

  2. JQuery $(function(){})和$(document).ready(function(){})

    document.ready和onload的区别--JavaScript文档加载完成事件 页面加载完成有两种事件 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件) 二是onloa ...

  3. 【jQuery 基础】$ (document) .ready和$(window).load

    $ (document) .ready $ (document) .ready(function () {// なにかしらの処理 }); $ (window) .load $(window).load ...

  4. jQuery中$(document).ready()和window.onload的区别

     $(document) ready()和window onload在表面上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onlo ...

  5. js进阶 10-3 jquery中为什么用document.ready方法

    js进阶 10-3  jquery中为什么用document.ready方法 一.总结 一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...

  6. jquery (js中window.onload与jquery中$(document.ready())的区别)

    jquery 学习之一(js中window.onload与jquery中$(document.ready())的区别) 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张 ...

  7. 菜鸟学习笔记2,$(document).ready()使用讨论

    $(document).ready()使用讨论 $(document).ready()  一.先为说说 $(document).ready() 的功能: 1. JQuery API对 $(docume ...

  8. $(document).ready、body.Onload()和 $(window).load的区别

    JavaScript文档加载完成事件 window.load(function(){...})和body.onload()都存在同样一个问题,那都是在页面所有元素(包括html标签以及引用到得所有图片 ...

  9. document.ready和window.onload的区别

    functionjquery文档浏览器脚本css 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件), 二是onload,指示页面包含图片等文件在内的所有元 ...

  10. JQuery 中load、ready 和 onload 的区别

    $(document).ready() 和 window.onload 在表单上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上 $(document).ready() 和 window ...

最新文章

  1. ACR2010_MRI骶髂关节炎症与CTX-II变化以及TNF拮抗剂治疗过程中全身炎症改变相关...
  2. uboot阅读笔记之cpu工作模式(SVC32)
  3. 地球上最快的速度......
  4. java asynccontext,超时后的JavaEE 6 AsyncContext行为
  5. 数据结构与算法:单链表(超详细实现)
  6. MessagePack Jackson 数据大小
  7. read 系统调用剖析【转】
  8. 这个城市的外卖小哥注意了!必须穿上特定马甲 违反交规逃逸将被追罚
  9. python采集直播间数据_Python使用Selenium模块模拟浏览器抓取斗鱼直播间信息示例...
  10. 发表email所需要
  11. ChIPQC——对ChIP-seq的质量评估
  12. 二叉堆/二项堆/斐波那契堆
  13. 计算机无法安装网卡驱动,win7网卡驱动安装不了怎么修复_WIN7网卡驱动装不上如何解决...
  14. w3690 支持服务器内存,微星S20内存是什么
  15. 如何用尺规作图画圆的切线_尺规作图过圆外一点作圆的切线的四种方法
  16. 前端学习路线(详细)
  17. Daily Scrum Meeting 11.07
  18. 准确率、精确率、召回率、F1-score
  19. NASA全球生态系统动态调查激光雷达(GEDI)
  20. java 命令 线程栈_JVM调试常用命令——jstack命令与Java线程栈(1)

热门文章

  1. oracle修改表的owner,Oracle中改变表的Owner和tablespace
  2. html统计在线人数代码,网站在线人数以及历史访问人数的统计代码
  3. Unity学习:瓦片地图
  4. win10查询计算机显卡,windows10系统电脑查看显卡型号的两种方法
  5. 查看服务器显卡GPU型号
  6. 摄像头黑屏等问题及解决方案汇总
  7. Nginx常用Rewrite(伪静态规则)WordPress/PHPCMS/ECSHOP/ShopEX/SaBlog/Discuz/DiscuzX/PHPWind/Typecho/DEDECMS...
  8. IntelliJ IDEA设置护眼浅绿色背景及文字大小
  9. linux 如何停止mysql,linux下如何启动/停止/重启mysql:
  10. a标签href属性的用法