jquery里的页面加载事件

jQuery的页面加载事件是非常常用的,它可以让我们在页面完成加载后执行一些操作,如绑定事件、初始化数据等等。jQuery提供了多种页面加载事件,下面就详细介绍一下:

$(document).ready(function(){// 执行操作});

这是最常用的页面加载事件,$(document).ready()函数会在页面所有元素加载完毕后执行传入的函数,也就是说它会在DOM树建立完成之后执行。注意,同一个页面可以包含多个$(document).ready()函数。

$(window).load(function(){// 执行操作});

$(window).load()函数与$(document).ready()函数类似,它会在页面所有元素(包括图片等外部资源)加载完毕后执行传入的函数。

$(function(){// 执行操作});

$(function(){})是$(document).ready()的简写,它也会在DOM树建立完成后执行传入的函数。

除了以上三种方式外,还有一种新的页面加载事件——window.addEventListener("load", function(){}),这种方式比$(window).load()略微快一些。

window.addEventListener("load", function(){// 执行操作});

总之,根据需求选择不同的页面加载事件是非常重要的,当然最常用的就是$(document).ready()了。

jquery里的页面加载事件