jQuery 中的函數調用非常常見,可以對 DOM 元素進行處理、響應用戶事件和 Ajax 請求等。在調用 jQuery 函數時,使用 $ 符號可以方便地獲取和操作 DOM 元素。
例如,可以使用以下代碼調用 jQuery 的click()
函數,并在用戶單擊元素時觸發處理程序:
$(document).ready(function(){ $("button").click(function(){ $("p").toggle(); }); });
在這個例子中,當 HTML 文檔加載完畢后(通過調用 jQuery 的ready()
函數),click()
函數被調用來響應<button>
元素的單擊事件。當click()
函數被觸發時,<p>
元素的可見性將切換(通過調用 jQuery 的toggle()
函數)。
使用 jQuery 的函數調用可以使代碼變得更加簡潔和易于維護。然而,需要注意的是,在使用函數調用時,必須確保正確包含了 jQuery 庫文件,否則腳本將無法工作。
<!DOCTYPE html> <html> <head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <button>點擊切換</button> <p>這是一個段落。</p> <script> $(document).ready(function(){ $("button").click(function(){ $("p").toggle(); }); }); </script> </body> </html>
在本例中,為確保正確引入了 jQuery 庫文件,我們在 HTML head 中使用了<script>
標記來將文件鏈接到我們的文檔中。