jQuery fadeOut 異步實(shí)例代碼詳解
更新時(shí)間：2016年08月18日 10:52:25 作者：fangfan
fadeOut() 方法逐漸改變被選元素的不透明度，從可見到隱藏（褪色效果）。這篇文章給大家介紹jquery fadeout異步實(shí)例代碼，感興趣的朋友一起看下吧
定義和用法
fadeOut() 方法逐漸改變被選元素的不透明度，從可見到隱藏（褪色效果）。
注釋：隱藏的元素不會(huì)被完全顯示（不再影響頁面的布局）。
提示：該方法通常與 fadeIn() 方法一起使用。
語法
$(selector).fadeOut(speed,easing,callback)
1. 概述
jquery實(shí)現(xiàn)動(dòng)畫效果的函數(shù)使用起來很方便，不過動(dòng)畫執(zhí)行是異步的，所以要把自定義的操作放在回調(diào)函數(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
上面的例子 ，回調(diào)函數(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í)例代碼詳解，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
輕量級(jí)網(wǎng)頁遮罩層jQuery插件用法實(shí)例
這篇文章主要介紹了輕量級(jí)網(wǎng)頁遮罩層jQuery插件用法,實(shí)例分析了jquery遮罩層插件的定義、功能及使用方法,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-07-07
jQuery的易擴(kuò)展性吸引了來自全球的開發(fā)者來共同編寫jQuery插件。jQuery插件不僅能夠增強(qiáng)網(wǎng)站的可用性，有效地改善用戶體驗(yàn)，還可以大大減少開發(fā)時(shí)間。2011-03-03
在使用cookie.js時(shí)，只有在jquery.js文件后加載整體才有效，下面與大家分享下有效加載順序，有此需求的朋友可以參考下2013-07-07
這篇文章主要介紹了jQuery使用之處理頁面元素用法,實(shí)例分析了jQuery針對(duì)元素的內(nèi)容、復(fù)制、移動(dòng)和替換等操作技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家介紹了Jquery中巧用Ajax的beforeSend方法，beforeSend方法用于在向服務(wù)器發(fā)送請(qǐng)求前添加一些處理函數(shù),需要的朋友可以參考下2016-01-01
初學(xué)Jquery插件制作 在SageCRM的查詢屏幕隱藏部分行的功能
SageCRM的查詢條件屏幕的條件比較多，會(huì)占用界面，用戶希望首先顯示常用的查詢條件，然后點(diǎn)擊展開的按鈕，可以看到一些不常用的查詢條件2011-12-12
本文給大家分享了幾個(gè)常用的jQuery代碼，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-07-07
jquery實(shí)現(xiàn)圖片翻頁效果,大家可以使用下面的方法2013-12-12
本文給大家匯總了下在jQuery中判斷對(duì)象是否存在的方法以及用原生javascript實(shí)現(xiàn)的方法，有相同需求的小伙伴可以來參考下。2016-02-02
jquery.validation.js在前端驗(yàn)證中使用起來非常方便,提供的功能基本上能滿足大部分驗(yàn)證需求，下面我們就來仔細(xì)研究下這款jQuery插件的具體使用方法。2015-04-04