jQuery 的 $() 函數是非常強大和常用的,常常用于獲取 HTML 元素、創建 HTML 元素和處理事件等等。在 $() 函數中有一個 ready() 方法,用來指定 jQuery 在 DOM 加載完成后需要執行的函數。
使用 $() 函數時,我們可以傳入參數來選擇需要操作的元素,例如:
$( "#myDiv" ).hide();
這行代碼就將 ID 為 "myDiv" 的元素隱藏掉了。但是如果我們需要在文檔加載完成之后再執行這行代碼,就需要使用 ready() 方法:
$( document ).ready(function() { $( "#myDiv" ).hide(); });
使用 ready() 方法執行的代碼只有在 DOM 加載完成后才會執行,這保證了 jQuery 操作的準確性和可靠性。如果我們不使用 ready() 方法而直接執行 $() 函數,則代碼可能被應用到尚未加載的元素上,造成錯誤。
除了使用 ready() 方法外,我們還可以使用簡寫方式來完成同樣的操作:
$(function() { $( "#myDiv" ).hide(); });
這行代碼與之前的代碼作用是等價的。兩者的區別是簡寫方式更加簡潔,適用于只需要執行一個函數的情況。
總之,$() 函數和 ready() 方法是 jQuery 中非常重要的概念,掌握它們的用法可以更加方便和高效地操作 HTML 元素。