ready

英 [?redi]? ?美 [?r?di]??

adj.準(zhǔn)備好的，現(xiàn)成的;即時(shí)的，敏捷的;情愿的;即將的

vt.做好…的準(zhǔn)備

adv.預(yù)先;已完成地

n.現(xiàn)款

jquery ready()方法 語(yǔ)法

作用：當(dāng) DOM（文檔對(duì)象模型） 已經(jīng)加載，并且頁(yè)面（包括圖像）已經(jīng)完全呈現(xiàn)時(shí)，會(huì)發(fā)生 ready事件。由于該事件在文檔就緒后發(fā)生，因此把所有其他的 jQuery 事件和函數(shù)置于該事件中是非常好的做法。正如上面的例子中那樣。ready() 函數(shù)規(guī)定當(dāng) ready 事件發(fā)生時(shí)執(zhí)行的代碼。ready() 函數(shù)僅能用于當(dāng)前文檔，因此無(wú)需選擇器。

語(yǔ)法1：$(document).ready(function)

語(yǔ)法2：$().ready(function

語(yǔ)法3：$(function)

參數(shù)：

參數(shù)描述
function? ??必需。規(guī)定當(dāng)文檔加載后要運(yùn)行的函數(shù)。

jquery ready()方法 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例