jQuery的网页加载的用法$(function(){})


关键词

jQuery 网页加载

摘要

本文介绍在jQuery中,如何使用$(function(){})的表达方式来处理网页加载后的一些操作。

我要在普通的javascript中可能会做如下的开发:

window.onload = function(){ ... };

访问HTML文档的元素,必须先载入文档对象模型(DOM)。当window.onload函数执行的时候,说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。

对于此,jquery提供了一个"ready"事件,你可以使用以下的代码片段:
demo0:
程序代码
$(document).ready(function(){
// 你的代码
});

$(document)意思是说,获取整个网页文档对象(类似的于window.document),$(document).ready意思就是说,获取文档对象就绪的时候。
上面这段代码的意思是检查文档对象直到它能够允许被操作(译者注:这样做比window.onload()函数要快的多,因为只要文档对象载入完成就能够执行代码了,而不需要等待页面中的图片下载是否已经完成)---这是我们想要的。

另外我们还可以使用如下的写法来代替$(document).ready。

$(function(){
    //代码here
});

 

文章的版权

洪哥写文章很苦逼,如果本文对您略有帮助,点击感兴趣的广告支持洪哥!万分感谢!本文属于“洪哥笔记”原创文章,转载请注明来源地址:jQuery的网页加载的用法$(function(){}):http://www.splaybow.com/post/jquery-funtion-no-name.html

关注与收藏

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:115085382!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« jquery获取当前元素的子元素 jQuery的CDN地址 »