jQuery实现点击该行即可删除HTML表格行


Posted in Javascript onOctober 17, 2014

jQuery的已成为所有时刻的最常用和最喜爱的JavaScript框架之一。它不仅不会减少在JavaScript编码简单的技术开销,而且也使您的代码的跨浏览器兼容。我已经写了许多关于jQuery教程,这个时候,我也用这个简单的纯实现了。任务是从一个HTML表使用一些时髦的效果,只要按一下该行的行。以下是实现这一目标的jQuery代码。

$(document).ready(function() {
$("#sample tr").click(function() {
//change the background color to red before removing
$(this).css("background-color","#FF3700"); 
$(this).fadeOut(400, function(){ 
$(this).remove();
});
});
});

在上面的代码中,我们都附有“#示例”表中的所有“TR”的处理程序。上按一下,我们首先改变该行的背景,然后淡出它并删除它。这是一个简单的任务。

Javascript 相关文章推荐
extjs 列表框(multiselect)的动态添加列表项的方法
Jul 31 Javascript
js自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
小结Node.js中非阻塞IO和事件循环
Sep 18 Javascript
JS解析XML实例分析
Jan 30 Javascript
js学习之----深入理解闭包
Nov 21 Javascript
Jquery实现跨域异步上传文件总结
Feb 03 Javascript
详解React中的组件通信问题
Jul 31 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
Jun 27 Javascript
微信小程序实现默认第一个选中变色效果
Jul 17 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
Oct 17 #Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 #Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 #Javascript
js实现飞入星星特效代码
Oct 17 #Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 #Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
Oct 17 #Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 #Javascript
You might like
Base64在线编码解码实现代码 演示与下载
2011/01/08 PHP
php根据身份证号码计算年龄的实例代码
2014/01/18 PHP
js下利用控制器载入对应脚本
2010/07/17 Javascript
读jQuery之二(两种扩展)
2011/06/11 Javascript
UI Events 用户界面事件
2012/06/27 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
js中javascript:void(0) 真正含义
2020/11/05 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
2015/12/15 Javascript
js仿淘宝和百度文库的评分功能
2016/05/15 Javascript
nodejs 终端打印进度条实例代码
2017/04/22 NodeJs
详解Angular路由 ng-route和ui-router的区别
2017/05/22 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
[40:55]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#4Newbee VS Fnatic
2016/03/03 DOTA
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
[38:23]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第二场 11.01
2020/11/02 DOTA
在Python中操作字典之setdefault()方法的使用
2015/05/21 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
python实现函数极小值
2019/07/10 Python
Flask框架请求钩子与request请求对象用法实例分析
2019/11/07 Python
Python的缺点和劣势分析
2019/11/19 Python
Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解
2020/02/10 Python
请编程遍历页面上所有 TextBox 控件并给它赋值为 string.Empty
2015/12/03 面试题
公司贷款承诺书
2014/05/30 职场文书
工会工作先进事迹
2014/08/18 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书
2016年国庆节宣传标语
2015/11/25 职场文书
MySQL 使用自定义变量进行查询优化
2021/05/14 MySQL
解决pytorch读取自制数据集出现过的问题
2021/05/31 Python