jQuery通过点击行来删除HTML表格行的实现示例
程序员文章站
2023-11-11 18:19:16
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”的处理程序。上按一下,我们首先改变该行的背景,然后淡出它并删除它。这是一个简单的任务。
推荐阅读
-
jQuery通过点击行来删除HTML表格行的实现示例
-
jQuery实现html table行Tr的复制、删除、计算功能
-
jQuery实现点击该行即可删除HTML表格行
-
jQuery通过点击行来删除HTML表格行的实现示例
-
上面的这个程序,在点击删除表格中的一行时,不能随意删除,不管点击哪个都是从上往下删除,请帮忙让他能够点击每行后的删除,删除该行~谢谢_html/css_WEB-ITnose
-
jQuery实现html table行Tr的复制、删除、计算功能
-
jQuery实现html表格动态添加新行的方法_jquery
-
上面的这个程序,在点击删除表格中的一行时,不能随意删除,不管点击哪个都是从上往下删除,请帮忙让他能够点击每行后的删除,删除该行~谢谢_html/css_WEB-ITnose
-
jQuery实现html表格动态添加新行的方法_jquery
-
关于jQuery实现html table行Tr的复制、删除、计算功能