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通过扩展select控件实现支持enter或focus选择的方法
这篇文章主要介绍了jquery通过扩展select控件实现支持enter或focus选择的方法,通过jQuery针对select空间增加enter及focus选择功能分析了jQuery扩展的相关实现技巧,需要的朋友可以参考下2015-11-11
jQuery没有直接支持form到json的序列化方法，目前网上有一个实现是这样的2010-12-12
这篇文章主要介绍了jquery实现鼠标滑过显示二级下拉菜单效果,通过jquery操作鼠标事件及页面样式动态变换实现该功能,非常具有实用价值,需要的朋友可以参考下2015-08-08
本文主要介绍了jquery实现折叠菜单效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
jQuery正在成为Web开发人员首选的JavaScript库,作为Web开发者,除了要了解语言和框架的应用技巧外如何提升语言的性能,本文提供即刻提升你的脚本性能的十个步骤 简单的几步让你的JQuery跑得更快 需要的朋友可以参考下2012-12-12
jQuery ajax 当async为false时解决同步操作失败的问题
这篇文章主要介绍了 jQuery ajax 当async为false时解决同步操作失败的问题的相关资料,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了jQuery实现Meizu魅族官方网站的导航菜单效果,可实现导航菜单项鼠标滑过出现下划线动态跟随的功能,通过jQuery插件实现该功能,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了使用jquery.upload.js实现异步上传的示例代码,需要的朋友可以参考下2014-07-07
本文主要介绍了jQuery中$.ajax()方法的具体使用，$.ajax(url,[settings])通过 HTTP 请求加载远程数据，文中通过示例代码详细的介绍了$.ajax()的用法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
尽管听说jquery的大名几年了，但是一直没有使用过。这两天想在项目中使用被一些小细节折腾的够呛，看来jquery没有传说中的那么好学。2011-04-04
最新评论