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 相关文章推荐
js 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 Javascript
JS实现点击下载的小例子
Jul 10 Javascript
jquery鼠标滑过提示title具体实现代码
Aug 06 Javascript
JQuery中使用ajax传输超大数据的解决方法
Jul 14 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
Aug 22 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
Mar 08 Javascript
AngularJS中filter的使用实例详解
Aug 25 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
Sep 19 Javascript
解决ie img标签内存泄漏的问题
Oct 13 Javascript
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
tweenjs缓动算法的使用实例分析
Aug 26 Javascript
JS正则表达式验证密码强度
Mar 18 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格式化金额函数分享
2015/02/02 PHP
thinkphp微信开之安全模式消息加密解密不成功的解决办法
2015/12/02 PHP
完美的php分页类
2017/10/24 PHP
PHP封装的分页类与简单用法示例
2019/02/25 PHP
jQuery中的常用事件总结
2009/12/27 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
Javascript Throttle & Debounce应用介绍
2013/03/19 Javascript
JS常见问题整理(持续更新)
2013/08/06 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
2015/11/09 Javascript
阻止表单提交按钮多次提交的完美解决方法
2016/05/16 Javascript
JS仿JQuery选择器功能
2017/03/08 Javascript
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
对angularjs框架下controller间的传值方法详解
2018/10/08 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
JQuery基于FormData异步提交数据文件
2020/09/01 jQuery
JavaScript arguments.callee作用及替换方案详解
2020/09/02 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
2020/10/21 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
浅析Python中的for 循环
2016/06/09 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
Python基于pyecharts实现关联图绘制
2020/03/27 Python
python中reload重载实例用法
2020/12/15 Python
Selenium Webdriver元素定位的八种常用方式(小结)
2021/01/13 Python
大学生自我鉴定范文
2013/12/28 职场文书
在校大学生个人的自我评价
2014/02/13 职场文书
初中教师业务学习材料
2014/05/12 职场文书
高中教师先进事迹材料
2014/08/22 职场文书
典型事迹材料范文
2014/12/29 职场文书
人与自然的观后感
2015/06/18 职场文书
小数乘法教学反思
2016/02/22 职场文书
Python机器学习之基础概述
2021/05/19 Python
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL