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框架,展示条件有限,所以效果跟设计图有出入,但实现原理是一样的,欢迎大家多多交流!
    2010-06-06
  • jquery.post用法关于type设置问题补充

    jquery.post用法关于type设置问题补充

    当使用ajax获取data数据的时候,直接data.foo就可以得到。而较低版本的jquery就不行比如1.4之前,下面为大家介绍下jquery.post用法关于type设置问题
    2014-01-01
  • jquery实现点击消失的代码

    jquery实现点击消失的代码

    这篇文章主要介绍了jquery如何实现点击消失,需要的朋友可以参考下
    2014-03-03
  • 详解easyui 切换主题皮肤

    详解easyui 切换主题皮肤

    这篇文章主要介绍了easyui 切换主题皮肤方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • jQuery 全选 全部选 反选 实现代码

    jQuery 全选 全部选 反选 实现代码

    上次做了一个前端项目,其中有功能要求实现jquery 全选和反选功能,下面小编抽个时间把实现代码分享到脚本之家平台供大家参考下
    2016-08-08
  • jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】

    jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】

    这篇文章主要介绍了jQuery插件FusionWidgets实现的Bulb图效果,结合完整实例形式分析了jQuery使用FusionWidgets插件结合swf文件载入xml数据实现Bulb图效果的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • jquery选择器之层级过滤选择器详解

    jquery选择器之层级过滤选择器详解

    本篇文章主要是对jquery选择器之层级过滤选择器进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 10款非常有用的 Ajax 插件分享

    10款非常有用的 Ajax 插件分享

    这篇文章与大家分享的是10款非常有用的 Ajax 插件,有用于图片的,用于分页的,还有用于导航的。这些作者的想法特别新颖,希望你能从中找到自己需要的插件
    2012-03-03
  • 基于jQuery.i18n实现web前端的国际化

    基于jQuery.i18n实现web前端的国际化

    这篇文章主要介绍了基于jQuery.i18n实现web前端的国际化,具有很好的参考价值,希望对大家有所帮助
    2018-05-05
  • javascript 开发之网页兼容各种浏览器

    javascript 开发之网页兼容各种浏览器

    这篇文章主要介绍了javascript 开发之网页兼容各种浏览器的相关资料,这里提供了几种方法帮助大家掌握这样的功能,需要的朋友可以参考下
    2017-09-09

最新评论