JQuery官方學習資料（譯）：$( document ).ready()

時間 2019-12-01

標籤 jquery 官方學習資料 document ready 欄目 JQuery 简体版

原文原文鏈接

一個頁面直到document是」ready「才能被安全的操做，Jquery爲你檢查這種狀態。代碼包含在$( document ).ready()的內部將會僅僅運行一次在頁面Document Object Model (DOM)準備好執行JS代碼以後。代碼包含在$( window ).load(function() { ... })的內部將會運行一次在整個頁面裏準備好以後，不單單是DOM。

$( document ).ready(function() {

console.log( "ready!" );

});

有經驗的開發人員有時會使用$( document ).ready()的縮寫。若是你不是有經驗的jquery開發人員，最好仍是寫完整。

$(function() {

console.log( "ready!" );

});

你也能夠經過一個命名函數去$( document ).ready()，而不是經過匿名函數。

//傳遞方法名

function readyFn( jQuery ) {}

$( document ).ready( readyFn );

$( window ).load( readyFn );