您的位置:首页 > Web前端 > JQuery

jquery的 $(function(){ }) = $(document).ready(function(){ }) ,及页面的加载顺序

2014-11-12 16:43 597 查看
document.ready和onload的区别:
一、JavaScript文档加载完成事件页面加载完成有两种事件一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)

二、是onload,指示页面包含图片等文件在内的所有元素都加载完成。

用jQ的人很多人都是这么开始写脚本的:
$(function(){
// do something
});

其实这个就是jq ready()的简写,他等价于:

$(document).ready(function(){
//do something
});

或者下面这个方法,jQuer的默认参数是:“document”;

$().ready(function(){
//do something
});

这个就是jq ready()的方法就是Dom Ready,他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。

一般情况下一个页面响应加载的顺序是:
域名解析-> 加载html-> 加载js和css ->加载图片等其他信息。

那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐