$(document) 是当前文档,就是你看到的整个网页
$(window) 如果没有框架则就是你浏览的当前浏览器的窗口

$(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数,因为它可以极大地提高web应用程序的响应速度

首先我解释一下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意思就是说,获取文档对象就绪的时候。上面这段代码的意思是检查文档对象直到它能够允许被操作

JQuery中$(document)和$(window)是什么意思,有什么作用相关推荐

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

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

  2. js中window.onload 与 jquery中$(document.ready()) 测试

    js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...

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

    Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 windo ...

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

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

  5. 关于使用jQuery时$(document).ready()方法失效问题

    关于使用jQuery时$(document).ready()方法失效问题 <script type="text/javascript">//页面加载后自动执行,不需要按 ...

  6. Jquery中$(document).ready(function(){ })函数的使用详解

    Jquery是优秀的Javascrīpt框架,$是jquery库的申明,它很不稳定(我就常遇上),换一种稳定的写法jQuery.noConflict(); jQuery(document).ready ...

  7. jQuery的$(document).ready()和JavaScript onload事件

    对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子: <!DOCTYPE html> <metacharset="utf-8"> <ht ...

  8. Jquery中$(document).ready()的作用

    Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 windo ...

  9. document的window对象

    document是window对象的一个属性,因为使用window对象成员的时候可以省略window,所以一般简写为document <input type="button" ...

最新文章

  1. 第二章例题:DateAndTimeStatus
  2. matlab怎么画二维热力图_1.1交通热力图(2)——基于matlab绘制
  3. Windows通过VNC访问Kylin桌面环境
  4. 表操作,数据操作,单表查询,python操作数据库
  5. Java多线程间的通信
  6. Linux-Rsync命令参数详解
  7. Google Chrome Native Messaging开发实录(一)背景介绍
  8. 这个拖后腿的“in”
  9. Android 第三方
  10. Linux操作系统下信号处理函数
  11. BlockingQueue接口分析
  12. python查找客户总金额_如何使用python中的spark查找每个月的总金额
  13. 视频监控安防平台-GB35114和GB28181的注册信令
  14. 设计模式(4):生成器模式(Builder)
  15. 华为防火墙USG6000V三种管理方法
  16. 【Flink】(04)Apache Flink 漫谈系列 —— 实时计算 Flink 与 Alibaba Cloud Realtime Compute 剖析
  17. Ubuntu20系统添加右键菜单:新建文档
  18. 带weixin扫码登陆注册|仿城通网盘源码修复版
  19. C# 原始的方法写入xml文件的代码
  20. nRF52840-DK通过USB接电脑,不能识别出Jlink

热门文章

  1. 应届学弟咨询:是去华为拿1万多低薪,还是去二线自研公司拿2万多高薪?.....
  2. 基于Echarts实现可视化数据大屏分析大屏监控系统
  3. 穷人思维和富人思维,决定你一生的财富
  4. 高中数学必修一:集合高考典型例题解题技巧方法
  5. 水滴IP:如何换IP?换IP最简单的方法在这里!
  6. 2022年,人工智能和数据发展呈现哪五大趋势?
  7. 这个年龄计算程序相当不科学,体验还是差差哒
  8. 《python从入门到项目实践》第六章 列表和元组 //有一个课后答案
  9. 16个用于数据科学和机器学习的顶级平台
  10. 【uniapp前端组件】仿微信通讯录列表组件