在使用jQuery時,我們經常需要在文檔加載完畢后執行一些JavaScript代碼。這時候就要使用jQuery的onready事件。
$(document).ready(function() { // 在這里寫你的JavaScript代碼 });
當文檔加載完畢后,瀏覽器會觸發jQuery的onready事件。在函數內部,你可以使用jQuery選擇器來選取元素,然后操作它們。
$(document).ready(function() { $('#myButton').click(function() { alert('Hello, world!'); }); });
上面的代碼表示在文檔加載完畢后,為ID為myButton的按鈕綁定一個click事件。當用戶點擊這個按鈕時,會彈出一個提示框。
另外一種寫法是使用jQuery縮寫形式:
$(function() { // 在這里寫你的JavaScript代碼 });
這樣可以讓代碼更簡潔,但與onready事件是完全等價的。
最后要注意的一點是,不要在window.onload事件中使用jQuery的選擇器,因為當所有圖片、樣式表等外部資源加載完畢后執行window.onload事件,可能會導致頁面出現閃爍。而jQuery的onready事件在DOM樹構建完畢后就會執行,這樣就可以避免這個問題。