jQuery ready() 方法

实例

使用 ready() 在加载文档后使函数可用:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落</p>
<button>在 p 元素的向上和向下滑动之间切换</button>
</body>
</html>

运行一下

定义与用法

ready 事件在加载 DOM（文档对象模型）时发生。

因为这个事件发生在文档准备好之后，所以把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。如上面的实例所示。

ready() 方法指定就绪事件发生时发生的情况。

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

语法

可以使用两种语法:

$(document).ready(function)

ready() 方法只能在当前文档上使用，因此不需要选择器:

$(function)

参数	描述
function	必填。指定加载文档后要运行的函数

jQuery ready() 方法

实例

定义与用法

语法

分类导航