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 相关文章推荐
解决FLASH需要点击激活的代码
Dec 20 Javascript
js表数据排序 sort table data
Feb 18 Javascript
js实现在文本框光标处添加字符的方法介绍
Nov 24 Javascript
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
javascript事件函数中获得事件源的两种不错方法
Mar 17 Javascript
JavaScript中的anchor()方法使用详解
Jun 08 Javascript
JQuery查找DOM节点的方法
Jun 11 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
Jun 29 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
微信小程序实现团购或秒杀批量倒计时
Nov 01 Javascript
微信小程序wepy框架笔记小结
Aug 08 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
Nov 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
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
php防止网站被刷新的方法汇总
2014/12/01 PHP
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
2015/03/05 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
2017/07/17 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
JS使用tofixed与round处理数据四舍五入的区别
2017/10/25 Javascript
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
浅谈Angular单元测试总结
2019/03/22 Javascript
Vue传参一箩筐(页面、组件)
2019/04/04 Javascript
Javascript实现html转pdf高清版(提高分辨率)
2020/02/19 Javascript
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
Python编写百度贴吧的简单爬虫
2015/04/02 Python
python实现求解列表中元素的排列和组合问题
2018/03/15 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
tensorflow实现tensor中满足某一条件的数值取出组成新的tensor
2020/01/04 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
CentOS 7如何实现定时执行python脚本
2020/06/24 Python
哈萨克斯坦移动和数字技术在线商店:SatelOnline.kz
2020/09/04 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
深圳-东方伟业笔试部分
2015/02/11 面试题
英文翻译的自我评价语句
2013/10/04 职场文书
保送生自荐信范文
2013/10/06 职场文书
班组长岗位职责
2014/03/03 职场文书
报关报检委托书
2014/04/08 职场文书
综合办公室主任岗位职责
2014/04/13 职场文书
根叔历年演讲稿
2014/05/20 职场文书
信息合作协议书
2014/10/09 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
技能培训通讯稿
2015/07/18 职场文书
上级领导检查欢迎词
2015/09/30 职场文书
大学迎新生的欢迎词
2019/06/25 职场文书