這篇文章主要介紹了jQuery中回調函數指的是什么,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
回調函數指的是在jQuery動畫完成之后所要執行的函數,它是一種參數傳遞的效果方法
JavaScript語句逐行執行,但是由于jQuery的效果的實現需要一些時間才能完成,所以下一行代碼很可能會在前一個效果仍在運行使執行,所以為了防止這種情況的發生,jQuery會為每個效果方法提供了一個回調函數。接下來將在文章中具體為大家講解回調函數是什么以及如何實現回調函數。

【推薦課程:jQuery教程】
回調函數的含義:
回調函數又稱為callback函數,它是在當前動畫100%完成之后執行的?;卣{函數是一種參數傳遞的效果方法,它們一般情況下顯示為方法的最后一個參數。
例:slideToggle()帶有回調函數的jQuery 效果方法的基本語法如下所示:
$(selector).slideToggle(duration,callback);
比如現在將slideToggle()動畫和alert()語句放在一起??错撁鏁霈F什么樣的效果
<style type="text/css">
h2{
background:pink;
color:#fff;
padding:20px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("h2").slideToggle("slow");
alert("滑動效果已完成");
});
});
</script>
</head>
<body>
<h2>億速云</h2>
<button type="button">點擊</button>
</body>當我們點擊按鈕時會彈出一個框,點擊確認時h2元素消失,再次點擊按鈕及確認時,h2出現。我們會發現觸發按鈕后會立即顯示彈出框,而未等待幻燈片切換效果完成
回調函數的用法:
將alert()語句放置到回調函數中,如以下代碼所示
$(document).ready(function(){
$("button").click(function(){
$("h2").slideToggle("slow",function(){
alert("滑動效果已完成");
});
});
});加入了回調函數后,會發現jQuery動畫效果完成后才會彈出提示框。
感謝你能夠認真閱讀完這篇文章,希望小編分享jQuery中回調函數指的是什么內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。