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+dom树型菜单类,希望朋友们一起进步
May 03 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
使用GruntJS构建Web程序之构建篇
Jun 04 Javascript
无限树Jquery插件zTree的常用功能特性总结
Sep 11 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
jQuery原理系列-常用Dom操作详解
Jun 07 Javascript
关于JavaScript中高阶函数的魅力详解
Sep 07 Javascript
js实现鼠标点击页面弹出自定义文字效果
Dec 24 Javascript
Element Input输入框的使用方法
Jul 26 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
Jul 29 Javascript
JavaScript如何实现防止重复的网络请求的示例
Jan 28 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个人网站架设连环讲(二)
2006/10/09 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
php简单获取复选框值的方法
2016/05/11 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
基于JQuery 的消息提示框效果代码
2011/07/31 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
原始的js代码和jquery对比体会
2013/09/10 Javascript
js获取form的方法
2015/05/06 Javascript
Javascript中的作用域和上下文深入理解
2015/07/03 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
2017/04/24 Javascript
js编写简单的计时器功能
2017/07/15 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
使用Node.js实现base64和png文件相互转换的方法
2020/03/11 Javascript
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
Python selenium的基本使用方法分析
2019/12/21 Python
tensorflow ckpt模型和pb模型获取节点名称,及ckpt转pb模型实例
2020/01/21 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
德国体育用品网上商店:SC24.com
2016/08/01 全球购物
美国眼镜网:GlassesUSA
2017/09/07 全球购物
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
家长写给老师的建议书
2014/03/13 职场文书
社区护士演讲稿
2014/08/27 职场文书
给老师的一封感谢信
2015/01/20 职场文书
《中国古代诗歌散文欣赏》高中语文教材
2019/08/20 职场文书
5行Python代码实现一键批量扣图
2021/06/29 Python
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android
MySQL中dd::columns表结构转table过程及应用详解
2022/09/23 MySQL