本文探讨了$(document).ready()与body onload属性的区别，强调了前者在DOM加载完成即可执行的优势，以及其在表现与逻辑分离方面的应用。同时介绍了$(document).ready()的简化写法。
这个惯例，也许是除了$()之外，用得最多的地方了。下面一段代码：
代码
$(document).ready(function(){
alert("hello");
});(1)
<body οnlοad="alert('hello');">（2）
<body οnlοad="alert('hello');">这里的alert('hello');要等到页面全部加载完毕才执行，注意是全部加载，包括dom,图片等其它资源。
而$(document).ready(function(){
alert("hello");
});(1)
当dom加载完就可以执行了。
代码1同时做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作，即$(document).ready (fn)可以在一个页面中重复出现，而不会冲突。基本上Jquery的很多plugin都是利用这个特性，正因为这个特性，多个plugin共同使用起来，在初始化时不会发生冲突。
当使用jquery时，推荐使用代码1。
$(document).ready(function(){fn}); 可以用 $(function(){fn});代替
如:
$(function(){
alert("hello");
});
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
