$(document).ready(function()

$().ready()函数

$(document).ready(function(){

/* 执行函数 */

});

此函数是window.onload的替代函数。通过 $(document).ready() 您可以加载多个函数。

在JavaScript中有一些操作是需要页面加载完成时才可以做的，比如您要隐藏ID时的内容，那么就需要在页面的所有代码已经下载完毕时或者JavaScirpt的DOM树建立时再进行隐藏，这样才能保证JS的ID选择器可以找到那个ID。window.onload就是为这种情况而生。把您的函数延迟到页面加载完成才会执行。

我们可以来看一个例子:

<script type='text/javascript'>

alert($('test').html());

<script>

<div id='test'>麻利麻利哄</div>

很显然上面的代码没有执行成功…… 什么也没有弹出来。

$('test').html(); 先于ID执行，因此不会发生作用，因为加载 $('test').html(); 还没有加载到<div id='test'>麻利麻利哄</div>

那么我们把它包含到$().ready函数中尝试一下。

<script type='text/javascript'>

$(document).ready(function(){

alert($('test').html());

});

<script>

<div id='test'>麻利麻利哄</div>

使用 $(document).ready() 函数之后就可以成功执行。