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学习笔记一 之 数据类型
Dec 15 Javascript
jsonp原理及使用
Oct 28 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 Javascript
react.js 获取真实的DOM节点实例(必看)
Apr 17 Javascript
Vue.js学习教程之列表渲染详解
May 17 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
Jun 01 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
微信小程序开发教程之增加mixin扩展
Aug 09 Javascript
vue-cli3.0 特性解读
Apr 22 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
react MPA 多页配置详解
Oct 18 Javascript
javscript 数组扁平化的实现
Feb 03 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+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
2006/12/16 PHP
php xml-rpc远程调用
2008/12/19 PHP
php.ini中date.timezone设置分析
2011/07/29 PHP
采用memcache在web集群中实现session的同步会话
2014/07/05 PHP
php实现购物车功能(上)
2020/07/23 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
PHP自定义错误用法示例
2016/09/28 PHP
php array_keys 返回数组的键名
2016/10/25 PHP
使用正则去除php代码中的注释方法
2016/11/03 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
PHP var关键字相关原理及使用实例解析
2020/07/11 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
js call方法详细介绍(js 的继承)
2013/11/18 Javascript
JS创建自定义表格具体实现
2014/02/11 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
Javascript实现字数统计
2015/07/03 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
详解Js里的for…in和for…of的用法
2019/03/28 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
JavaScript实现点击自制菜单效果
2021/02/02 Javascript
[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报
2015/05/27 DOTA
[10:18]2018DOTA2国际邀请赛寻真——找回自信的TNCPredator
2018/08/13 DOTA
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
利用python获取当前日期前后N天或N月日期的方法示例
2017/07/30 Python
Python微信库:itchat的用法详解
2017/08/14 Python
pygame游戏之旅 调用按钮实现游戏开始功能
2018/11/21 Python
django和vue实现数据交互的方法
2019/08/21 Python
python 实现端口扫描工具
2020/12/18 Python
方太官方网上商城:销售方太抽油烟机、燃气灶、消毒柜等
2017/01/17 全球购物
大学毕业生求职自荐信
2014/02/20 职场文书
社区党建工作总结2015
2015/05/13 职场文书
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js
《艾尔登法环》Boss腐烂树灵很有可能是《黑暗之魂3》的一个废案
2022/04/11 其他游戏