jQuery的页面加载完毕事件?

       很多时候我们需要获取元素,但是必须等到该元素被加载完成后才能获取。我们可以把js代码放到该元素的后面,但是这样就会造成  js在我们的  body中存在不好管理。所有页面加载完毕后所有的元素当然已经加载完毕。一般获取元素做操作都要在页面加载完毕后操作。

下面介绍两种方法:

第一种:

使用:

 $(document).ready(function(){

});

解释:$(document)把原生的 document这个  dom对   当页面加载完毕后执行里面的函数,这一种相象转换为 jQuery对象,转换完成后才能调用   对简单,用得最多。

其中ready方法:ready(fn),表示的是页面结构被加载完毕后执行传入函数fn


第二种:

使用:

$(function(){

});

解释:当页面加载完毕后执行里面的函数,这一种相对简单,用的最多;

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

1jQuery中的页面加载完毕事件,表示的是页面结构被加载完毕。

2window.onload  表示的是页面被加载完毕。如:<img src=”htttp://baidu.com/1.jpg”/> onload必须等等页面中的图片、声音、图像等远程资源被加载完毕后才调用而 jQuery中只需要页面结构被加载完毕。


猜你喜欢

转载自blog.csdn.net/qq_32575047/article/details/80381000