很多时候我们需要获取元素,但是必须等到该元素被加载完成后才能获取。我们可以把js代码放到该元素的后面,但是这样就会造成js在我们的body中存在不好管理。所有页面加载完毕后所有的元素当然已经加载完毕。一般获取元素做操作都要在页面加载完毕后操作。
第一种:
$(document).ready(function(){ … });
$(document)把原生的document这个dom对象转换为jQuery对象,转换完成后才能调用ready方法ready(fn),表示的是页面结构被加载完毕后执行传入函数fn
第二种:
$(function(){ … });
当页面加载完毕后执行里面的函数,这一种相对简单,用得最多。
与window.onload的区别
1、jQuery中的页面加载完毕事件,表示的是页面结构被加载完毕。
2、window.onload 表示的是页面被加载完毕。
onload必须等等页面中的图片、声音、图像等远程资源被加载完毕后才调用而jQuery中只需要页面结构被加载完毕。