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