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 相关文章推荐
JS实现下拉框的动态添加(附效果)
Apr 03 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
禁止IE用右键的JS代码
Dec 30 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
基于zepto的移动端轻量级日期插件--date_picker
Mar 04 Javascript
jQuery中deferred对象使用方法详解
Jul 14 Javascript
jsp 网站引入外部css或者js失效问题解决
Oct 31 Javascript
详解Vue整合axios的实例代码
Jun 21 Javascript
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
JS实现的合并两个有序链表算法示例
Feb 25 Javascript
vue实现按钮切换图片
Jan 20 Vue.js
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
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
php工具型代码之印章抠图
2018/07/18 PHP
多广告投放代码 推荐
2006/11/13 Javascript
自写简单JS判断是否已经弹出页面
2010/10/20 Javascript
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
Three.js的使用及绘制基础3D图形详解
2017/04/27 Javascript
通过vue-cli3构建一个SSR应用程序的方法
2018/09/13 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
搭建Python的Django框架环境并建立和运行第一个App的教程
2016/07/02 Python
PyQt5每天必学之单行文本框
2018/04/19 Python
Python实现的基于优先等级分配糖果问题算法示例
2018/04/25 Python
Python线程池模块ThreadPoolExecutor用法分析
2018/12/28 Python
pytorch1.0中torch.nn.Conv2d用法详解
2020/01/10 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
html5 canvas 使用示例
2010/10/22 HTML / CSS
美国休闲服装品牌:Express
2016/09/24 全球购物
新奥尔良珠宝:Mignon Faget
2020/11/23 全球购物
医学专业大学生求职信
2014/07/12 职场文书
暑期培训心得体会
2014/09/02 职场文书
党员考试作弊检讨书1000字
2015/02/16 职场文书
中学生自我评价范文
2015/03/03 职场文书
介绍信范文大全
2015/05/07 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
导游词之永济鹳雀楼
2020/01/16 职场文书
TypeScript中条件类型精读与实践记录
2021/10/05 Javascript
Win11怎样将锁屏账户头像图片改成动画视频
2021/11/21 数码科技