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