jquery ready&&load用法

ready和load那一个先执行

DOM文档加载的步骤
(1) 解析HTML结构
(2) 加载外部脚本和样式表文件
(3) 解析并执行脚本代码
(4) 构造HTML DOM模型 //ready
(5) 加载图片等外部文件
(6) 页面加载完毕  //load
ready是在(4)完成的，load是在(6)完成

ready事件

  ready事件在DOM结构回执完成之后就会执行。这样能确保就算有大量的媒体文件没有加载出来,JS代码一样执行。

load事件

  load事件必须等到网页中所有内容加载完毕后才被执行。
如果一个网页中有大量的图片的话，则就会出现这种情况：
网页文档已经呈现出来，但由于网页数据还没有完全加载完毕，导致load事件不能即使被触发

​

load的函数(jqueryObj.load())

load()方法通过ajax获取服务端数据，并将返回数据放置到jqueryObj对象下。
load(url,data,function(response,status,xhr))
url: 规定要讲请求发送到哪个URL
data: 可选，规定连同请求发送到服务器的数据
function(response,status,xhr) 可选，当请求完成时运行的函数即回调函数：
    response: 包含来自请求的结果数据
    status: 包含请求的状态(‘success’ 'notmodified','error',timeout 或者 'parsersrror');
    xhr: 包含xmlHttpRequest对象
​
note：我们也可以值获取返回数据的部分内容
例如：$('#a').load('b.html','#c') 获取b.html 中id为c的部分内容填充到id为a元素下。
​
load加载的内容如果包含js，在js被填充到指定元素时，就会编译一次