若是咱們在<head>中引入jQuery庫文件,並編寫相應的jQuery代碼來操做DOM元素。這極可能致使操做沒法成功,由於此時<body>內的元素可能尚未加載出來,也就獲取不到對應的元素。所以,咱們通常會將本身的jQuery代碼寫在ready()
事件函數中。ready()
函數的做用至關於window.onload,它用於在當前文檔加載準備就緒後執行對應的函數。html
$(document).ready(function(){ // 在這裏編寫咱們但願在DOM準備就緒後執行的代碼 });
或者函數
// $( function ) 是 $(document).ready( function ) 的簡寫形式 $( function(){ // 在這裏編寫咱們但願在DOM準備就緒後執行的代碼 } );
jQuery的ready()
函數能夠重複調用,綁定的回調函數將在DOM準備就緒後按照綁定順序依次執行。此外,ready()
和window.onload並不兼容,所以不要混合使用。 spa