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 相关文章推荐
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
Jan 08 Javascript
一篇文章掌握RequireJS常用知识
Jan 26 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
Aug 31 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
深入理解Node.js中通用基础设计模式
Sep 19 Javascript
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 Javascript
mpvue 如何使用腾讯视频插件的方法
Jul 16 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
Sep 21 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 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
星际流派综述
2020/03/04 星际争霸
php 读取shell管道传输过来的内容
2010/03/01 PHP
PHP MVC模式在网站架构中的实现分析
2010/03/04 PHP
PHP获取数组中某元素的位置及array_keys函数应用
2013/01/29 PHP
ajax+php控制所有后台函数调用
2015/07/15 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
一个报数游戏js版(约瑟夫环问题)
2010/08/05 Javascript
js实时获取系统当前时间实例代码
2013/06/28 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
JavaScript立即执行函数的三种不同写法
2014/09/05 Javascript
JavaScript实现仿网易通行证表单验证
2015/05/25 Javascript
浅析JavaScript动画
2015/06/10 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
2017/08/23 Javascript
react-native-tab-navigator组件的基本使用示例代码
2017/09/07 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
2018/09/28 Javascript
全面解析JavaScript Module模式
2020/07/24 Javascript
[02:41]DOTA2亚洲邀请赛小组赛第三日 赛事回顾
2015/02/01 DOTA
[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局
2016/02/26 DOTA
简单介绍Python中的readline()方法的使用
2015/05/24 Python
python 网络爬虫初级实现代码
2016/02/27 Python
Python实现excel转sqlite的方法
2017/07/17 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
python+os根据文件名自动生成文本
2019/03/21 Python
基于Python的自媒体小助手---登录页面的实现代码
2020/06/29 Python
使用Python Tkinter实现剪刀石头布小游戏功能
2020/10/23 Python
python 爬虫如何正确的使用cookie
2020/10/27 Python
CSS3 linear-gradient线性渐变生成加号和减号的方法
2017/11/21 HTML / CSS
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
应届生财务会计求职信
2013/11/05 职场文书
《走一步再走一步》教学反思
2014/02/15 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
新闻稿件写作技巧
2015/07/18 职场文书
python pygame入门教程
2021/06/01 Python
Kubernetes部署实例并配置Deployment、网络映射、副本集
2022/04/01 Servers
Python实现双向链表基本操作
2022/05/25 Python