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了。
一、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了。
相关文章推荐
- jQuery中$(function()与(function($)、$(function(){ }) = $(document).ready(function(){ })及页面加载顺序
- jquery的 $(function(){ }) = $(document).ready(function(){ }) ,及页面的加载顺序
- jquery的 $(function(){ }) = $(document).ready(function(){ }) ,及页面的加载顺序
- jquery与javascript中的两个页面加载事件 window.onload 与 $(document).ready(function(){})区别
- js在页面中的加载顺序及多个jquery $(document).ready() 的执行顺序
- jquery的$(document).ready()和onload的加载顺序
- jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
- jquery页面加载响应事件$(document).ready()与js页面加载响应事件window.onload()的区别
- jquery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
- jquery的$(document).ready()和onload的加载顺序
- jquery的$(document).ready()和onload的加载顺序
- js之当页面加载$(document).ready(function(){})和window.onload=function(){}的区别
- jquery的$(document).ready()和onload的加载顺序
- 用 document.readyState == "complete" 判断页面是否加载完成。
- 浅谈jQuery $(document).ready(function(){})和js window.onload区别
- 用 document.readyState == "complete" 判断页面是否加载完成
- jQuery DOMready 页面加载事件 研究
- jquery (document).ready中使用document.write导致页面空白解决办法
- JQuery的$(document).ready(function(){})与JS的window.onload 的各自优势!
- JQuery的$(document).ready(function(){})与JS的window.onload 的各自优势!