JQuery中$(document)是什么意思有什么作用

 更新时间:2014年07月21日 16:35:54   投稿:whsnow  
$(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意思就是说,获取文档对象就绪的时候。上面这段代码的意思是检查文档对象直到它能够允许被操作(译者注:这样做比window.onload()函数要快的多,因为只要文档对象载入完成就能够执行代码了,而不需要等待页面中的图片下载是否已经完成)---这是我们想要的。

相关文章

  • jquery平滑滚动到顶部插件使用详解

    jquery平滑滚动到顶部插件使用详解

    这篇文章主要为大家详细介绍了基于jquery平滑滚动到顶部插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 移动端JQ插件hammer使用详解

    移动端JQ插件hammer使用详解

    本文给大家介绍的是一款移动端下的jQuery插件Hammer.js,他是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件支持各种手机事件,比如缩放,qq左滑动删除,放大,旋转等
    2015-07-07
  • jquery ajax双击div可直接修改div中的内容

    jquery ajax双击div可直接修改div中的内容

    这篇文章主要介绍了jquery ajax双击div直接修改div中内容的相关方法,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • jQuery弹出层始终垂直居中相对于屏幕或当前窗口

    jQuery弹出层始终垂直居中相对于屏幕或当前窗口

    碰到没有固定高或者固定宽或者固定高和宽的时候,我们就需要用JS去处理,去动态获取当前窗口高或者宽;今天弄了2种情况,一个是相对于屏幕窗体,一个是相对于当前的窗口,看代码
    2013-04-04
  • jquery中ajax使用error调试错误的方法

    jquery中ajax使用error调试错误的方法

    这篇文章主要介绍了jquery中ajax使用error调试错误的方法,实例分析了Ajax的使用方法与error函数调试错误的技巧,需要的朋友可以参考下
    2015-02-02
  • jQuery实现div随意拖动的实例代码(通用代码)

    jQuery实现div随意拖动的实例代码(通用代码)

    这篇文章主要介绍了jQuery实现div随意拖动的实例代码,涉及到jquery div随意拖动相关知识,感兴趣的朋友一起学习吧
    2016-01-01
  • 实现jquery放大镜的两种方法

    实现jquery放大镜的两种方法

    本篇文章给大家详细分析了用jquery实现放大镜效果的方法,以及代码分享,有兴趣的学习下。
    2018-02-02
  • 深入理解bootstrap框架之入门准备

    深入理解bootstrap框架之入门准备

    Bootstrap是最流行的前端开发框架。本文涉及到bootstrap的特性介绍,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-10-10
  • jQuery抛物线运动实现方法(附完整demo源码下载)

    jQuery抛物线运动实现方法(附完整demo源码下载)

    这篇文章主要介绍了jQuery抛物线运动实现方法,以完整实例形式分析了jQuery物体运动的实现技巧,并附带了完整的demo源码供读者下载参考,需要的朋友可以参考下
    2016-01-01
  • jquery实现通用的内容渐显Tab选项卡效果

    jquery实现通用的内容渐显Tab选项卡效果

    这篇文章主要介绍了jquery实现通用的内容渐显Tab选项卡效果,涉及jquery通过时间函数定时触发页面元素样式变换的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09

最新评论