jQuery通过点击行来删除HTML表格行的实现示例
更新时间：2014年09月10日 16:59:43 投稿：whsnow
从一个HTML表使用一些时髦的效果，只要按一下该行，改行即可被删除，这个示例比较简单，新手朋友们可以学习下
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”的处理程序。上按一下，我们首先改变该行的背景，然后淡出它并删除它。这是一个简单的任务。
您可能感兴趣的文章:
相关文章
juqery 学习之六 CSS--css、位置、宽高，需要的朋友可以参考下。2011-02-02
这个跨域异步上传功能我们借助了Jquery.form插件。接下来通过本文给大家介绍jQuery跨域异步上传文件的相关知识，感兴趣的朋友一起学习吧2016-04-04
依据className实现的Tab选项框，支持多个tab，需要的朋友可以参考下。2011-03-03
jQuery md5加密插件jQuery.md5.js用法示例
这篇文章主要介绍了jQuery md5加密插件jQuery.md5.js用法,结合实例形式简单分析了jQuery md5加密插件jquery.md5.js的简单使用技巧,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了使用jquery.form.js实现图片上传的方法,涉及jquery使用表单插件jquery.form.js进行图片上传的提交、类型验证、执行结果回调显示等技巧,非常简单实用,需要的朋友可以参考下2016-05-05
在传送参数时，经常会碰到向后台传送一些相同属性的参数，最好的选择是采用数组的方式，下面有个不错的示例，大家可以参考下2014-02-02
本文主要介绍了jquery事件与绑定事件的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
一般的select下拉框是不能输入的，只能供大家选择，今天小编给大家分享基于jQuery实现select下拉选择可输入附源码下载，需要的朋友参考下2016-02-02
这篇文章主要给大家介绍了关于JQuery实现自定义滚动条的方法,通过本文的介绍你可以换掉千篇一律的默认滚动条,让你的网站或web项目更具特色,文章通过实例代码介绍的非常详细,需要的朋友可以参考下2023-06-06
本文是对JQGrid的用法--列编辑,添加行,删除行。进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
最新评论