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 相关文章推荐
js检验密码强度(低中高)附图
Jun 05 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
Mar 14 Javascript
js中跨域方法原理详解
Jul 19 Javascript
Bootstrap table使用方法详细介绍
Dec 09 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
PHP实现记录代码运行时间封装类实例教程
May 08 Javascript
JS简单实现自定义右键菜单实例
May 31 Javascript
浅谈VUE单页应用首屏加载速度优化方案
Aug 28 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
Jan 07 Javascript
基于JavaScript实现表格隔行换色
May 08 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
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
C#静态方法与非静态方法实例分析
2014/09/22 PHP
制作特殊字的脚本
2006/06/26 Javascript
jQuery中ajax的使用与缓存问题的解决方法
2013/12/19 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
jQuery实现tag便签去重效果的方法
2015/01/20 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
2015/03/20 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
JS模拟简易滚动条效果代码(附demo源码)
2016/04/05 Javascript
javascript简易画板开发
2020/04/12 Javascript
node.js连接MongoDB数据库的2种方法教程
2017/05/17 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
2017/12/01 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
VUE 动态组件的应用案例分析
2019/12/02 Javascript
[03:57]《不朽》——2015DOTA2国际邀请赛—中国军团出征主题曲MV
2015/07/15 DOTA
Python操作sqlite3快速、安全插入数据(防注入)的实例
2014/04/26 Python
通过pycharm使用git的步骤(图文详解)
2019/06/13 Python
python3 中的字符串(单引号、双引号、三引号)以及字符串与数字的运算
2019/07/18 Python
通过python实现windows桌面截图代码实例
2020/01/17 Python
使用matplotlib动态刷新指定曲线实例
2020/04/23 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
html5定位并在百度地图上显示的示例
2014/04/27 HTML / CSS
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
ECCO爱步官方旗舰店:丹麦鞋履品牌
2018/01/02 全球购物
城野医生官方海外旗舰店:风靡亚洲毛孔收敛水
2018/04/26 全球购物
雅诗兰黛加拿大官网:Estee Lauder加拿大
2019/07/31 全球购物
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
个人简历中的自我评价怎么写
2014/01/26 职场文书
社区学雷锋活动策划方案
2014/01/30 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
水电工程师岗位职责
2015/02/13 职场文书
工作证明格式范文
2015/06/15 职场文书
go goroutine 怎样进行错误处理
2021/07/16 Golang