jQuery ready() 方法

定义和用法

当 DOM（document object model 文档对象模型）加载完毕且页面完全加载（包括图像）时发生 ready 事件。

由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。如下面的实例所示。

ready() 方法规定当 ready 事件发生时执行的代码

提示：ready() 方法不应该与 <body onload=""> 一起使用。

语法

$(document).ready(function)

ready()方法只能用于当前文档，因此无需选择器简写：

$(function)

参数

参数	描述
function	必需。规定当文档加载后要运行的函数。

示例

下例演示了使用 ready() 来使函数在文档加载后是可用的：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("button").click(function(){
            $("p").slideToggle();
            });
        });
    </script>
</head>
<body>
    <p>这是一个段落</p>
    <button>在p元素的上下滑动之间切换</button>
</body>
</html>

尝试一下

定义和用法

语法

参数

示例

相关页面