jQuery通过点击行来删除HTML表格行的实现示例


Posted in Javascript onSeptember 10, 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 相关文章推荐
JavaScript 数组的 uniq 方法
Jan 23 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
利用JS自动打开页面上链接的实现代码
Sep 25 Javascript
js open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
jQuery打印指定区域Html页面并自动分页
Jul 04 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
Angular通过angular-cli来搭建web前端项目的方法
Jul 27 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
Oct 24 Javascript
解决layer图标icon不加载的问题
Sep 04 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
javascipt:filter过滤介绍及使用
Sep 10 #Javascript
用javascript将数据导入Excel示例代码
Sep 10 #Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 #Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
Sep 09 #Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 #Javascript
使用typeof方法判断undefined类型
Sep 09 #Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 #Javascript
You might like
php压缩HTML函数轻松实现压缩html/js/Css及注意事项
2013/01/27 PHP
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
PHP URL参数获取方式的四种例子
2014/02/28 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
php微信公众平台开发之微信群发信息
2016/09/13 PHP
js onload处理html页面加载之后的事件
2013/10/30 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
2013/11/29 Javascript
JS判断、校验MAC地址的2个实例
2014/05/05 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
jquery实现公告翻滚效果
2015/02/27 Javascript
JavaScript中switch语句的用法详解
2015/06/03 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
JavaScript生成图形验证码
2020/08/24 Javascript
JS实现移动端判断上拉和下滑功能
2017/08/07 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
2017/08/19 Javascript
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
小程序实现多列选择器
2019/02/15 Javascript
npm qs模块使用详解
2020/02/07 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
Python将多个list合并为1个list的方法
2018/06/27 Python
Python解决走迷宫问题算法示例
2018/07/27 Python
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
“型”走纽约上东区:Sam Edelman
2017/04/02 全球购物
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
市优秀教师事迹材料
2014/02/05 职场文书
人力资源主管的岗位职责
2014/03/15 职场文书
学校综治宣传月活动总结
2014/07/02 职场文书
奶茶店创业计划书
2014/08/14 职场文书
见习报告格式范文
2014/11/08 职场文书
避暑山庄导游词
2015/02/04 职场文书
就业意向书范本
2015/05/11 职场文书
2015年保卫科工作总结
2015/05/14 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
MongoDB 常用的crud操作语句
2021/06/20 MongoDB