JQuery的页面加载完毕事件

第一种

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

$(document)把原生的document这个DOM对象转换为JQuery对象，转换完成后才能调用。其中ready方法ready(fn)表示的是页面结构被加载完毕后执行传入函数fn。

第二种

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

当页面加载完毕后执行里面的函数，这一种相对简单，用的最多。

第三种

window.οnlοad = function() {
    // do something
}

上面两种方式与window.onload的区别为：

1. JQuery中的页面加载完毕事件，表示的是页面结构被加载完毕（不包含图片等非文字媒体文件）；
2. window.onload指页面包含图片等文件在内的所有元素都加载完成，如:<img src=”htttp://baidu.com/1.jpg”/>，onload必须等页面中的图片、声音、图像等远程资源被加载完毕后才调用，而JQuery中只需要页面结构被加载完毕就可以调用。