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 相关文章推荐
JavaScript开发规范要求(规范化代码)
Aug 16 Javascript
细说浏览器特性检测(2)-通用事件检测
Nov 05 Javascript
jquery 使用点滴函数代码
May 20 Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 Javascript
javascript拖拽应用实例
Mar 25 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
Vue 封装防刷新考试倒计时组件的实现
Jun 05 Javascript
vue.js 解决v-model让select默认选中不生效的问题
Jul 28 Javascript
vue接口请求加密实例
Aug 11 Javascript
微信小程序使用前置摄像头拍照
Oct 22 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
真正根据utf8编码的规律来进行截取字符串的函数(utf8版sub_str )
2012/10/24 PHP
PHP5.5基于mysqli连接MySQL数据库和读取数据操作实例详解
2019/02/16 PHP
针对PHP开发安全问题的相关总结
2019/03/22 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
JSON 学习之完全手册 图文
2007/05/29 Javascript
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
JavaScript DOM 学习第五章 表单简介
2010/02/19 Javascript
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
2013/11/28 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
15位和18位身份证JS校验的简单实例
2016/07/18 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
vue地区选择组件教程详解
2018/05/04 Javascript
async/await地狱该如何避免详解
2018/05/10 Javascript
AngularJS自定义表单验证功能实例详解
2018/08/24 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
Vue.js实现立体计算器
2020/02/22 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
Python处理命令行参数模块optpars用法实例分析
2018/05/31 Python
python中sys.argv函数精简概括
2018/07/08 Python
实例讲解Python3中abs()函数
2019/02/19 Python
离线状态下在jupyter notebook中使用plotly实例
2020/04/24 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
Django如何实现密码错误报错提醒
2020/09/04 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
HTML5新增加的功能详解
2016/09/05 HTML / CSS
RIP版本1跟版本2的区别
2013/12/30 面试题
退休教师欢送会主持词
2014/03/31 职场文书
法人代表授权委托书范文
2014/09/10 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
五好家庭申报材料
2014/12/20 职场文书
《夜莺的歌声》教学反思
2016/02/22 职场文书
HDFS免重启挂载新磁盘
2022/04/06 Servers