jquery fadeOut 异步

1. 概述

jquery实现动画效果的函数使用起来很方便，不过动画执行是异步的，

所以要把自定义的操作放在回调函数里。

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

上面的例子，回调函数可以用箭头函数替代，

<script type="text/javascript">
$(function(){'use strict';(function(){var tr = $("#test-table>tbody>tr:visible").first();tr.fadeOut('4000', ()=>tr.remove());})();
});</script>

转载于:https://www.cnblogs.com/rocky-fang/p/5782898.html

jquery fadeOut 异步相关推荐

[转载]WebForm下使用 jQuery.loadUserControl异步load用户控件
现在做网站都追求用户体验,那么ajax自然就必不可少.如果您用过Asp.Net MVC ,你会发现Asp.Net MVC 和jQuery 配合的非常默契(事实上jQuery已经成了微软的御用脚本库了) ...
ajax拿table里的th值,Jquery Ajax 异步设置Table中某列的值
可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...
4.3.2 用jQuery进行异步加载（2）
4.3.2 用jQuery进行异步加载(2) 2008-09-28 16:09 (英)格雷恩(Granc,D.)等著/贺师俊等译人民邮电出版社我要评论(5) 字号:T | T 综合评级: 想读(1 ...
4.3.2 用jQuery进行异步加载（1）
4.3.2 用jQuery进行异步加载(1) 2008-09-28 16:09 (英)格雷恩(Granc,D.)等著/贺师俊等译人民邮电出版社我要评论(0) 字号:T | T 综合评级: 想读(1 ...
mvc php 分页,MVC+jQuery.Ajax异步实现增删改查和分页_jquery
本文实例为大家分享了MVC+jQuery.Ajax异步实现增删改查和分页的具体代码,供大家参考,具体内容如下 1.Model层代码 using System; using System.Data; u ...
struts2+Jquery+Json异步提交(传递复杂JSON对象)
最近,在使用Struts2+Jquery实现异步提交传递复杂JSON对象时候,遇到了各种问题,经过各方的不懈努力,最终找到了解决方案,记录下以备忘. 基础知识 JSON建 ...
jquery ztree异步搜索
一.初始异步加载树初始化默认给出一个根结点,再结合异步加载的方式手动触发默认加载第一层,如图: 代码如下: var treeSetting = {async: {enable: true, url: ...
前端（jQuery）（5）-- jQuery AJAX异步访问和加载片段
异步访问 index.html <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
jquery ajax异步和同步从后天取值
最近使用jquery的ajax,发现有些效果不对,ajax请求后返回的json串回来了,但是执行顺序有问题. var isReload = false;$.post('/home/DetectCach ...
jquery ajax异步调用
写程序的第一步都要知其然,至于知其所以然就要看个人的爱好了.下面说一下web开发中经常用的ajax. 这里是用的jquery框架实现的ajax异步调用.废话少说先上代码.(asp.net开发) var ...

jquery fadeOut 异步

jquery fadeOut 异步相关推荐

最新文章

热门文章