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 相关文章推荐
jQuery 中关于CSS操作部分使用说明
Jun 10 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 Javascript
js怎么覆盖原有方法实现重写
Sep 04 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
Apr 06 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
深入理解ES6中let和闭包
Feb 22 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
Vue请求java服务端并返回数据代码实例
Nov 28 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
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
附件名前加网站名
2008/03/23 PHP
Window 7/XP 安装Apache 2.4与PHP 5.4 的过程详解
2013/06/02 PHP
解析php防止form重复提交的方法
2013/07/01 PHP
PHP实现获取某个月份周次信息的方法
2015/08/11 PHP
mysql_escape_string()函数用法分析
2016/04/25 PHP
javascript hashtable 修正版 下载
2010/12/30 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
vue脚手架vue-cli的学习使用教程
2017/06/06 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
2017/06/28 Javascript
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
JavaScript实现跟随滚动缓冲运动广告框
2017/07/15 Javascript
基于LayUI实现前端分页功能的方法
2017/07/22 Javascript
在React中如何优雅的处理事件响应详解
2017/07/24 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
2018/04/28 jQuery
小程序自定义日历效果
2018/12/29 Javascript
vue+axios实现post文件下载
2019/09/25 Javascript
python通过正则查找微博@(at)用户的方法
2015/03/13 Python
Python实现二叉堆
2016/02/03 Python
解决pandas.DataFrame.fillna 填充Nan失败的问题
2018/11/06 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
django 微信网页授权登陆的实现
2019/07/30 Python
python网络编程 使用UDP、TCP协议收发信息详解
2019/08/29 Python
快速查找Python安装路径方法
2020/02/06 Python
python3.5的包存放的具体路径
2020/08/16 Python
html5唤醒APP小记
2019/03/27 HTML / CSS
Net Remoting把服务器端激活两种模式
2014/01/22 面试题
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
经理任命书模板
2014/06/06 职场文书
护林防火标语
2014/06/27 职场文书
避暑山庄导游词
2015/02/04 职场文书
民政局未婚证明
2015/06/15 职场文书
庆祝教师节主持词
2015/07/06 职场文书
详解python网络进程
2021/06/15 Python
Android Studio实现简易进制转换计算器
2022/05/20 Java/Android