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 相关文章推荐
无阻塞加载脚本分析[全]
Jan 20 Javascript
目前流行的JavaScript库的介绍及对比
Sep 29 Javascript
JQuery处理json与ajax返回JSON实例代码
Jan 03 Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 Javascript
关于JavaScript的变量的数据类型的判断方法
Aug 14 Javascript
基于JavaScript实现动态添加删除表格的行
Feb 01 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
Apr 30 Javascript
DVA框架统一处理所有页面的loading状态
Aug 25 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
Apr 09 Javascript
用POSTMAN发送JSON格式的POST请求示例
Sep 04 Javascript
setTimeout与setInterval的区别浅析
Mar 23 Javascript
vue中touch和click共存的解决方式
Jul 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
Yii2简单实现给表单添加验证码的方法
2016/07/18 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
Javascript中的常见排序算法
2007/03/27 Javascript
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
2013/10/29 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
2015/05/01 Javascript
JavaScript基础篇(6)之函数表达式闭包
2015/12/11 Javascript
JavaScript Split()方法
2015/12/18 Javascript
浅谈javascript中遇到的字符串对象处理
2016/11/18 Javascript
js实现手机拍照上传功能
2017/01/17 Javascript
zepto.js 实时监听输入框的方法
2018/12/04 Javascript
解决Vue打包后访问图片/图标不显示的问题
2019/07/25 Javascript
环形加载进度条封装(Vue插件版和原生js版)
2019/12/04 Javascript
一则python3的简单爬虫代码
2014/05/26 Python
Python中的闭包详细介绍和实例
2014/11/21 Python
Python递归遍历列表及输出的实现方法
2015/05/19 Python
Python制作简单的网页爬虫
2015/11/22 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
python多环境切换及pyenv使用过程详解
2019/09/27 Python
Python面向对象封装操作案例详解
2019/12/31 Python
Python 获取异常(Exception)信息的几种方法
2020/12/29 Python
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
全球最大的在线旅游公司:Expedia
2017/11/16 全球购物
美国婴儿用品及配件购买网站:Munchkin
2019/04/03 全球购物
Delphi软件工程师试题
2013/01/29 面试题
土木工程专业个人求职信
2013/12/05 职场文书
餐饮业创业计划书范文
2014/01/06 职场文书
道德模范先进事迹
2014/02/14 职场文书
家长会演讲稿
2014/04/26 职场文书
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
2014年档案室工作总结
2014/12/01 职场文书
2014年英语教研组工作总结
2014/12/06 职场文书
党员读书活动心得体会
2016/01/14 职场文书