JQuery中ready()方法同JavaScript中onload()方法的区别

使用JQuery就必然逃不过要使用ready()方法,其实ready()方法的作用有点像onLoad方法,只不过事件执行时间上有区别:

1、onLoad()方法的执行必须是页面中全部元素完全减灾到浏览器后才会触发,这种情况下,如果如果出现页面中的图片,过多或过大的情况,用户只有等到onLoad()方法执行完毕后才能进行其他的操作。

2、ready()方法只需要等待页面的DOM模型加载完毕后就会触发

两者在时间的执行效率上ready()方法明显优于onLoad()方法

3、

$(document).ready(function(){

--- jQuery functions go here ----

});

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

如果在文档没有完全加载之前就运行函数,操作可能失败。

你可能感兴趣的:(JQuery中ready()方法同JavaScript中onload()方法的区别)