在網頁開發中,經常需要使用jQuery來操作DOM,但是若在頁面加載完成之前使用jQuery來操作DOM,則可能會出現問題,因為此時DOM元素還未加載完成。
解決這個問題的方法是使用$(document).ready()方法,該方法會在DOM元素加載完成后執行指定的代碼。
$(document).ready(function(){
//在DOM元素加載完成后執行的代碼
});
與$(document).ready()方法類似的還有$(window).load()方法,該方法會在頁面所有資源都加載完成后執行指定的代碼。
$(window).load(function(){
//在頁面所有資源加載完成后執行的代碼
});
需要注意的是,$(document).ready()方法執行的代碼會比$(window).load()方法執行的代碼更早,因為$(document).ready()方法只需要等待DOM元素加載完成即可,而$(window).load()方法則需要等待所有資源都加載完成。
下一篇為什么css很難危害