JQuery（26）
一是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了。
以上还是本人新手时写的。。。感觉大家阅读，5000+的阅读量鄙人在此就加点内容吧，不让广大技术朋友白支持！！
-----鄙人现在已经不算新手了，在此给大家再深入说点内容吧。
1.window.onload方法
⑴执行时机:
在网页中所有元素(包括元素的所有关联文件)完全加载到浏览器后才执行，即JavaScript 此时可以访问网页中的所有元素。
window.onload=function(){ &$(window).load(function(){
//编写代码 等价于
&//编写代码
⑵多次使用:
JavaScript的onload事件一次只能保存对一个函数的引用，他会自动用最后面的函数覆盖前面的函数。
function one(){
alert(&one&);}function two(){
alert(&two&);}window.onload=one;window.onload=two;//运行代码后只有 two
2.$(document).ready()方法
⑴执行时机:在DOM完全就绪时就可以被调用。(这并不意味着这些元素关联的文件都已经下载完毕)
举个例子:$(document).ready()方法明知要DOM就绪就可以操作了，不需要等待所有图片下载完毕。
⑵多次使用:
function one(){
alert(&one&);}function two(){
alert(&two&);}$(document).ready(function(){
one();});$(document).ready(function(){
two();});//运行代码后//先是：one//先是：two
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：26410次
积分：1150
积分：1150
排名：千里之外
原创：28篇
转载：379篇
(25)(27)(82)(100)(47)(92)(37)There was a problem generating the page, please try again later.
Sign in to:
Follow / Unfollow users
View your liked photosWorking inteffigently and wisely to see that good genes -- not bad ones -- dominate as many lives as possible is the truly moral way for us to proceed.的翻译是:工作inteffigently和明智地看到,好的基因―――不坏的——主宰生命的真正道德的方式是继续走下去。Research on the Optimal Working Parameters in the Extraction of Ovum Oil of Rana temporaria chensinensis David with Supercritical CO_2 Fluid的翻译是:研究的最佳工作参数的提取的维克托里·拉纳少将的卵子temporariachensinensis大卫与油的超临界流体萃取技术有限责任公司2液The architecture, working principle and design process of the computer simulation system for the archibald firing training are introduced in this pape r.的翻译是:该体系结构、工作原理和设计过程的计算机模拟系统的射击训练的阿奇博尔德·波佩博士介绍了这r。In order to know Windows 2000/XP better, this paper introduces Windows 2000/XP driver from its categorization, structure, working principle, etc.的翻译是:为了了解windows2000/xp更好地,本文介绍了windows2000/xp驱动程序从其分类、结构、工作原理等。This is a building which raises the concept of the active fa&ade to new heights, working in close conjunction with the room thermal capacity.的翻译是:这是一个建筑的概念,这就引起了积极fa&ade到了新的高度,密切配合,房间的热容量。Gas chromatographic internal standard method was considered to determine purity for 1,1-dimethylhydrine(UDMH)instead of the standard working curve method.的翻译是:气体色谱内部标准的方法是考虑到确定纯洁性的1,1-dimethylhydrine(udmh)而不是标准工作曲线法。Robert is a middle school student from USA. This summer vocation he came to China to reunite with his father who is working in Daya Bay District.的翻译是:罗伯特是一个中等学校学生由美国进口。 他来到中国这个暑期与家人团聚,他的父亲,他父亲是工作在大亚湾区。That is the reality for many young Shanghai couples in ailing marriages, facing the prospect of working hard to get through prickly relationship problems or filing for divorce.的翻译是:这是现实中的很多年轻夫妇上海不良婚姻,面对的,是通过努力工作,让关系问题刺或提出离婚。The article introduces working principle,construction characters,main technology parameters of a new style hydraulic prop_internal circulation external applied force,and makes design parameters to manual loading pump.的翻译是:这篇专题文章介绍工作原理、建造个字符,这样一种新的风格的主要技术参数外部液压prop_internal流通力,因而设计参数,手动装入泵。A study on the treatment of Plating wastewater containing NTAZn by adding an activator to raise the working capacity of the ion exchange resin的翻译是:一项研究的电镀废水含有ntazn添加一个启动器,提高工作能力的离子交换树脂But we are all very friendly! Now we are all working to get familiarize with each other so we will be ready when the shooting start.的翻译是:但我们都很友好! 现在,我们都在努力获取熟悉我们将准备,每个其他的射击开始时。It logs on GPRS network through ship-shore communication program, sends marine monitoring data to onshore system which accesses Internet with invariable IP and receives onshore working files.的翻译是:它登录gprs网络通过船舶离岸交流方案,海洋监测数据发送到陆上开采部系统的访问ip和接收陆上开采部那不变的互联网工作文件。Anthraquinone working solutions used in hydrogen peroxide manufacture were selected as the test system to investigate the properties of foaming fluid flow in the trickle bed reactor (TBR).的翻译是:蒽醌在过氧化氢生产工作解决方案使用的测试系统,被选定为调查的发泡液的属性中的涓滴流床反应器(tbr)。It appears that the “German” German Shepherd Dog is going to follow the “American” German Shepherd Dog in its downhill slide toward total uselessness as a working breed.的翻译是:看来,“德国”德国牧羊犬是要遵循“美”德国牧羊犬在滑落在完全报废,一个工作流。SOHO (solo office &home office) created recent years is a typical example in which living and workingfunctions have been combined together and working and managing functions havebeen separated.的翻译是:soho一族(单核办公室&家庭办公室)是最近几年创建一个典型的例子,其中workingfunctions生活和工作结合在一起在一起,简直和管理职能分开。The paper introduces the detection and control of FAV and VAV air-conditioning system from the working principle, function of detection and control, control way and etc.的翻译是:该白皮书介绍了检测和控制的再次按fav键以和vav空调系统的工作原理、功能的检测和控制,控制方式等。When you customize the system, you can define a number of working time variants for different regional public holiday calendars and employee subgroup and personnel subarea groupings.的翻译是:当您自定义的系统,您可以定义一些变量的工作时间为不同的区域公共假日日历和员工子组和人员子区域集团。Doctors followed the patients for up to 21 months, and preliminary evidence hints that the device is working: All six had substantial improvement in their vision, says Chow.的翻译是:医生跟病人走最长达21个月,和初步的证据提示,设备工作:所有六个国家都大幅改善,他们的远见,周梁淑怡议员说。Moreover, the result of the present study provide an experimental evidence for the multi-component model of working memory which proposed by Alan Baddeley.的翻译是:此外,本研究的结果提供一个实验性的证据,多组件模型的工作内存,baddeley艾伦提出的。serve wine at nor normal
the normal course of events.的翻译是:在正常室温下为红酒;正常的外交关系;正常工作时间;普通单词的次序;正常好奇心,一般正常的情况。
Google Ads
&&&&&&&&&&&&&&&&&&&&
Google Ads
Copyright (C) 2005 - . All Rights Reserved.多个$(document).ready()的执行顺序实例分析
投稿：shichen2014
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了多个$(document).ready()的执行顺序实例分析,对于加深理解$(document).ready()的加载与执行顺序有很大帮助,需要的朋友可以参考下
本文以实例形式说明了多个$(document).ready()的执行顺序问题，由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行，其与嵌套层级也有一定的关系。具体实例代码如下：
&script src="./jquery-1.9.0.min.js"&&/script&
&script type="text/javascript"&
$(function(){
alert('1');
$(function(){
alert('2');
$(function(){
alert('3');
TTTTTTTTTTTT
&script type="text/javascript"&
$(document).ready(function() {
alert('4');
$(function(){
alert('5');
KKKKKKKKKKKK
&script type="text/javascript"&
$(function(){
alert('6');
$(document).ready(function() {
alert('7');
运行alert显示顺序为：1，4，6，2，5，7，3
读者可以自己测试体验一下，以加深对多个$(document).ready()执行顺序的理解。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具