您好,登錄后才能下訂單哦!
本篇內容主要講解“jquery中callback方法如何用”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“jquery中callback方法如何用”吧!
在jquery中,callback方法用于作為效果方法的參數進行傳遞,該方法在當前動作完全完成之后執行,通常顯示為方法的最后一個參數,語法為“$(selector).hide(duration, easing, callback);”。
本教程操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
JavaScript語句逐行執行。但是,由于jQuery效果需要一些時間才能完成,因此下一個代碼行可能會在前一個效果仍在運行時執行。這會產生錯誤。
為了防止這種情況的發生,jQuery為每個效果方法提供了一個回調函數。
當前效果完成后,將執行回調函數。
回調函數作為效果方法的參數傳遞,它們通常顯示為方法的最后一個參數。
典型語法: $(selector).hide(duration, easing, callback);
下面的示例具有一個回調參數,該參數是在隱藏效果完成后將執行的函數:
示例如下:
<!DOCTYPE html> <html> <title>jQuery 使用回調函數示例</title> <head> <script src="js/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide("slow", function(){ alert("段落現在隱藏起來了"); }); }); }); </script> </head> <body> <button>隱藏</button> <p>這是一個段落。</p> </body> </html>
輸出結果:
點擊按鈕后:
到此,相信大家對“jquery中callback方法如何用”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。