jQuery之$(document).ready()使用介紹

時間 2019-12-01

標籤 jquery document ready 使用介紹欄目 JQuery 简体版

原文原文鏈接

學習jQuery的第一件事是：若是你想要一個事件運行在你的頁面上，你必須在$(document).ready()裏調用這個事件學習jQuery的第一件事是：若是你想要一個事件運行在你的頁面上，你必須在$(document).ready()裏調用這個事件。全部包括在$(document).ready()裏面的元素或事件都將會在DOM完成加載以後當即加載，而且在頁面內容加載以前。javascript

代碼以下:java

$(document).ready(function() {瀏覽器

// put all your jQuery goodness in here.函數

});學習

有不少方法能夠確保事件在頁面上正常工做，$(document).ready()比其它方法要更有優點。首先，你沒必要在HTML上放置任何「行爲性的」標記。另外，你能夠將JavaScript/jQuery寫入一個獨立的js文件，這樣既容易維護，又保證了js與頁面內容的隔離。若是你在瀏覽網頁時更加細心，你就會經常看見這種狀況：當你將鼠標懸停在一個鏈接時，有時狀態欄中會在顯示「javascript:void()」這樣的消息。這就是你把一個事件直接放在<a href>標籤裏所形成的。.net

在一些使用traditional JavaScript的頁面，你會在<body>標籤中看見「onload」屬性。這會致使一個問題：它限定了在body上只能有一個函數事件。是的，由於它又往內容中添加的「行爲性的」標籤。若是你想解決這個問題，請參考Jeremy Keith的書：DOM Scripting，裏面講述瞭如何在一個單獨的js文件裏建立一個「addLoadEvent」函數，它容許多個函數能夠在body裏被加載。可是這種方法須要爲原本很簡單的問題編寫至關數量的代碼，另外，這種方法是在加載window時觸發這些事件的，這不得不讓我再一次想起 $(document).ready()的好處。htm

使用 $(document).ready()，你能讓你的事件在window加載以前加載或觸發。全部你寫在這個方法裏面的都準備在最先的時刻加載或觸發。也就是說，一旦DOM在瀏覽器中註冊後，$(document).ready()裏的代碼就開始執行。這樣用戶在第一眼看見頁面元素時，特效就能夠運行了。事件

詳細出處參考：http://www.jb51.net/article/30044.htmip