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实现的抽象CSS圆角效果!!
May 03 Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
javascript Array数组对象的扩展函数代码
May 22 Javascript
JS中的substring和substr函数的区别说明
May 07 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
简单的Jquery遮罩层代码实例
Nov 14 Javascript
JavaScript常用脚本汇总(三)
Mar 04 Javascript
jquery选择器简述
Aug 31 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
Oct 25 Javascript
详解vantUI框架在vue项目中的应用踩坑
Dec 06 Javascript
Vue父子之间值传递的实例教程
Jul 02 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数据库连接类~~做成一个分页类!
2006/11/25 PHP
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
PHP错误Parse error: syntax error, unexpected end of file in test.php on line 12解决方法
2014/06/23 PHP
PHP实现获取图片颜色值的方法
2014/07/11 PHP
浅谈PHP中output_buffering
2015/07/13 PHP
PHP如何使用JWT做Api接口身份认证的实现
2020/02/03 PHP
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
2012/08/14 Javascript
Javascript实现的Map集合工具类完整实例
2015/07/31 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
jQuery实用密码强度检测
2017/03/02 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
微信小程序之多文件下载的简单封装示例
2018/01/29 Javascript
webpack自动打包和热更新的实现方法
2019/06/24 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
[46:55]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python中的各种装饰器详解
2015/04/11 Python
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
python 性能提升的几种方法
2016/07/15 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
Python使用pandas和xlsxwriter读写xlsx文件的方法示例
2019/04/09 Python
python实现图片横向和纵向拼接
2020/03/05 Python
Django静态文件加载失败解决方案
2020/08/26 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
网络工程师的自我评价
2013/10/02 职场文书
社团活动策划书范文
2014/01/09 职场文书
成品库仓管员岗位职责
2014/04/06 职场文书
排查整治工作方案
2014/06/09 职场文书
企业精神口号
2014/06/11 职场文书
2014年财政工作总结
2014/12/10 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
毕业生求职自荐信(2016最新版)
2016/01/28 职场文书
Java 深入探究讲解简单工厂模式
2022/04/07 Java/Android
图神经网络GNN算法
2022/05/11 Python