jQuery fadeOut 異步實例代碼詳解
更新時間：2016年08月18日 10:52:25 作者：fangfan
fadeOut() 方法逐漸改變被選元素的不透明度，從可見到隱藏（褪色效果）。這篇文章給大家介紹jquery fadeout異步實例代碼，感興趣的朋友一起看下吧
定義和用法
fadeOut() 方法逐漸改變被選元素的不透明度，從可見到隱藏（褪色效果）。
注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）。
提示：該方法通常與 fadeIn() 方法一起使用。
語法
$(selector).fadeOut(speed,easing,callback)
1. 概述
jquery實現(xiàn)動畫效果的函數(shù)使用起來很方便，不過動畫執(zhí)行是異步的，所以要把自定義的操作放在回調函數(shù)里。
2. example
<html>
<body>
<table id="test-table">
<tbody>
<tr>
<td>zhangsan</td>
<td>23</td>
<td>hunan</td></tr>
<tr>
<td>zhangsan2</td>
<td>233</td>
<td>hunan2</td></tr>
<tr>
<td>zhangsan3</td>
<td>234</td>
<td>hunan4</td></tr>
<tr>
<td>zhangsan5</td>
<td>235</td>
<td>hunan5</td></tr>
</tbody>
</table>
<script src="jquery-3.1.0.js"></script>
<script type="text/javascript">
$(function(){
'use strict';
(function(){
var tr = $("#test-table>tbody>tr:visible").first();
tr.fadeOut('4000', function(){ $(this).remove()});
})();
});
</script>
</body>
</html>
3. something
上面的例子 ，回調函數(shù)可以用箭頭函數(shù)替代，
<script type="text/javascript">
$(function(){
'use strict';
(function(){
var tr = $("#test-table>tbody>tr:visible").first();
tr.fadeOut('4000', ()=>tr.remove());
})();
});
</script>
以上所述是小編給大家介紹的jQuery fadeOut 異步實例代碼詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
對從數(shù)據庫去的數(shù)據動態(tài)生成樹形欄進行增刪改查操作，可是用$(".XX").click();方法是不行的，關于這個問題的解決方法如下2014-08-08
jQuery向webApi提交post json數(shù)據
這篇文章主要介紹了jQuery向webApi提交post json數(shù)據的方法，非常不錯，需要的的朋友參考下2017-01-01
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)圖片下載代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了jquery京東商城雙11焦點圖多圖廣告特效，一個精致的焦點圖會吸引用戶的注意力，讓用戶產生瀏覽網站的興趣至關重要，現(xiàn)在小編推薦給大家一款特別棒的焦點圖，感興趣的小伙伴可以參考下。2015-09-09
本篇文章主要是對Jquery實現(xiàn)控件的隱藏和顯示實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了jQuery常用且重要方法匯總的相關資料,需要的朋友可以參考下2015-07-07
下面小編就為大家?guī)硪黄猨Query niceScroll滾動條錯位問題的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
近期公司積極組織我們這些開發(fā)人員學習進步，督促我們學習更多的技術來提高自己。為此我選擇了jQuery作為我學習的方向，同時我也是想將我的學習心得分享給大家，以后我會不斷的更新一系列jQuery方面的學習紀要，幫助大家學習。2010-01-01
jquery 結合C#后臺的數(shù)組對文章的關鍵字自動添加鏈接的代碼
jquery 結合C#后臺的數(shù)組對文章的關鍵字自動添加鏈接的代碼，需要的朋友可以參考下。2011-07-07
本文主要是使用jDialog插件實現(xiàn)的彈出框效果，代碼十分簡介，需要的小伙伴自己參考下吧。2015-04-04