首頁  >  文章  >  web前端  >  jQuery實作點擊該行即可刪除HTML表格行_jquery

jQuery實作點擊該行即可刪除HTML表格行_jquery

WBOY
WBOY原創
2016-05-16 16:33:201413瀏覽

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn