jQuery透過點擊行來刪除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」的處理程序。上按一下，我們首先改變該行的背景，然後淡出它並刪除它。這是一個簡單的任務。