欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery实现点击该行即可删除HTML表格行

程序员文章站 2022-03-03 23:01:19
jquery的已成为所有时刻的最常用和最喜爱的javascript框架之一。它不仅不会减少在javascript编码简单的技术开销,而且也使您的代码的跨兼容。我已经写了许多关于jq...

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”的处理程序。上按一下,我们首先改变该行的背景,然后淡出它并删除它。这是一个简单的任务。