jQuery实现点击该行即可删除HTML表格行
更新时间：2014年10月17日 17:15:23 投稿：whsnow
本节任务是从一个HTML表使用一些时髦的效果，只要按一下该行的行。以下是实现这一目标的jQuery代码
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”的处理程序。上按一下，我们首先改变该行的背景，然后淡出它并删除它。这是一个简单的任务。
您可能感兴趣的文章:
- 使用jQuery操作HTML的table表格的实例解析
- jQuery实现html表格动态添加新行的方法
- jQuery通过点击行来删除HTML表格行的实现示例
- jQuery(非HTML5)可编辑表格实现代码
- jQuery表格插件datatables用法汇总
- jQuery实现获取table表格第一列值的方法
- 基于jQuery实现的无刷新表格分页实例
- 基于jQuery实现点击最后一行实现行自增效果的表格
- 基于jquery实现表格无刷新分页
- jQuery表格插件datatables用法详解
- 创建自己的jquery表格插件
- jquery通过AJAX从后台获取信息并显示在表格上的实现类
- jQuery实现HTML表格单元格的合并功能
相关文章
jQuery 是一个非常优秀的 JavaScript 框架，在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入一些非常好的效果，让网站有更好的可用性和用户体验2011-12-12
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )，需要的朋友可以参考下。2010-11-11
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
最近做了一个项目，其中有需求要求实现发送短信验证码后倒计时功能，其中有个难点：要求关闭页面也进行倒计时。好吧，下面小编把jquery 发送验证码倒计时的实现代码分享给大家，大家可以参考下2016-09-09
这篇文章主要介绍了jQuery实现切换隐藏与显示同时切换图标功能,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery实现frame之间互通的方法,结合实例形式分析了jQuery实现frame父子框架之间的调用操作实现方法,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了jQuery设置内容和属性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了jQuery实现手机号码输入提示功能,实例分析了jQuery针对手机号码的判断与提示相关技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了jQuery图片加载失败替换默认图片方法汇总,运用到的相关知识jquery的ready方法、$("img").error()、img的complete属性、插件imagesLoaded、事件委托、事件捕获和图片预加载的方法等，需要的朋友可以参考下2017-11-11
本篇文章主要介绍了Jquery操作radio的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要为大家详细解析了jQuery插件cxSelect多级联动下拉菜单实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
最新评论