$(document).ready()是一個jQuery的方法,用于在DOM加載完成后執行指定的代碼。它的作用是確保在頁面元素完全加載后再執行jQuery代碼,以避免在DOM還未完全加載時執行代碼導致的錯誤。
使用$(document).ready()的基本語法如下:
$(document).ready(function() {
// 執行代碼
});
可以看到,$(document).ready()方法接受一個匿名函數作為參數,該函數包含要執行的代碼。當頁面的DOM加載完畢后,該函數將被調用并執行其中的代碼。
可以在一個頁面中多次使用$(document).ready()方法,來執行多個不同的代碼塊。例如:
$(document).ready(function() {
// 執行代碼塊1
});
$(document).ready(function() {
// 執行代碼塊2
});
這樣,代碼塊1和代碼塊2將在DOM加載完成后依次執行。
另外,$(document).ready()方法還有一個簡寫形式:$(function() {})。這種寫法與$(document).ready(function() {})的效果是完全一樣的,只是簡化了語法。
$(function() {
// 執行代碼
});
使用$(document).ready()可以確保代碼在DOM加載完成后執行,從而避免了一些常見的問題,如訪問未加載的DOM元素或在DOM未加載完成時執行代碼導致的錯誤。