如果您正在使用jQuery,那么您一定聽說過document ready事件和onDocumentReady函數。這篇文章將幫助您更好的理解它們的作用,以及如何在自己的網頁代碼中使用它們。
在使用jQuery的過程中,通常需要等待頁面完全加載完成后再執行代碼,否則獲取的元素可能并不存在。這時候就需要用到document ready事件。
具體來說,document ready事件是指當整個HTML文檔在瀏覽器中完全加載并解析后,才會執行該事件所綁定的函數。因此,使用這個事件是確保頁面元素都能正確加載的最保險的方式。
常用的綁定document ready事件的方式有兩種。第一種是直接將函數作為參數傳遞給$()函數:
$().ready(function() { // do something });
另一種方法則是使用.on()函數,并將document作為參數:
$(document).on('ready', function() { // do something });
然而,在jQuery 3.0版本以后,.ready()
函數被取消了,取而代之是直接使用$(document).ready()
或者$(function(){ ... })
來綁定一個函數在文檔加載完成后執行。這樣就更簡潔地實現了文檔加載完成后的執行結果。
無論您是在舊版本還是新版本的jQuery中使用,這些綁定函數的效果都是一樣的:確保在整個HTML文檔完全被加載后再執行您的代碼,從而避免元素還未加載完成時出現的問題。