jQuery----文档加载事件

1jQuery

jQuery是一个javaScript库，而非JavaScript ，他是一个轻量级的库。

例子：

$(document).ready(function(){

//alert('文档加载完毕');

$("p").click(function(){

$(this).hide();

})

});

语法：$(selector).action();

jQuery的加载方式：1，ready事件：ready时间是在DOM绘制完成之后就执行，这样确保了就算有大量媒体文件没被加载出来，js一样执行。

2,load事件，load时间必须要等到所有内容加载完毕，如果有一个网页中有大量的图片，则会导致这种情况：网页已经加载出来了，但是网页数据还没有加载完毕，导致load时间不能被触发；

文档加载过程：

1，解析HTML结构

2，加载外部脚本和样式表文件

3，解析并执行脚本代码

4，构造HTML DOM模型---ready

5，加载图片等外部文件

6页面加载完毕 ---load

ready加载事件的几种写法：

1，$().ready(function(){})---默认绑定在document上

2,$(document).ready(function(){})

3,$(function(){})

load事件的写法：

$(document).load(function(){})