$( document ).ready()
一直到文档已经”ready”，页面才会顺利执行。jQuery侦测这个为你准备就绪的状态。一旦页面文档对象模型（DOM）运行，
$( document ).ready()
中的代码就为javascript代码执行做好准备。在
$( window ).load(function() { ... })
中的代码将运行整个页面（图片或者框架）后才运行，不仅仅是DOM。
// A $( document ).ready() block.
$( document ).ready(function() {
console.log( "ready!" );
});
有经验的开发者有时会使用
$( document ).ready()
的简写方式
$()
。如果你是写给没有什么jQuery开发经验的人看的，那最好使用完整的格式。
// Shorthand for $( document ).ready()
$(function() {
console.log( "ready!" );
});
你也可以传递一个命名函数到
$( document ).ready()
替换传递一个匿名函数。
// Passing a named function instead of an anonymous function.
function readyFn( jQuery ) {
// Code to run when the document is ready.
}
$( document ).ready( readyFn );
// or:
$( window ).load( readyFn );
下面的这个例子展示的是
$( document ).ready()
和
$( window ).load()
的运行。代码试图在
<iframe>
中装载一个网站，然后检测两个事件：
<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$( document ).ready(function() {
console.log( "document loaded" );
});
$( window ).load(function() {
console.log( "window loaded" );
});
</script>
</head>
<body>
<iframe src="http://techcrunch.com"></iframe>
</body>
</html>
原文地址
![用jQuery实现一个简易的聊天框[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)