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

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

WBOY
發布: 2016-05-16 16:33:20
原創
1434 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板