jQuery實現(xiàn)點擊該行即可刪除HTML表格行

更新時間：2014年10月17日 17:15:23 投稿：whsnow

本節(jié)任務是從一個HTML表使用一些時髦的效果，只要按一下該行的行。以下是實現(xiàn)這一目標的jQuery代碼

jQuery的已成為所有時刻的最常用和最喜愛的JavaScript框架之一。它不僅不會減少在JavaScript編碼簡單的技術開銷，而且也使您的代碼的跨瀏覽器兼容。我已經(jīng)寫了許多關于jQuery教程，這個時候，我也用這個簡單的純實現(xiàn)了。任務是從一個HTML表使用一些時髦的效果，只要按一下該行的行。以下是實現(xiàn)這一目標的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通過擴展select控件實現(xiàn)支持enter或focus選擇的方法
這篇文章主要介紹了jquery通過擴展select控件實現(xiàn)支持enter或focus選擇的方法,通過jQuery針對select空間增加enter及focus選擇功能分析了jQuery擴展的相關實現(xiàn)技巧,需要的朋友可以參考下
2015-11-11
基于jQuery的一個擴展form序列化到json對象
jQuery沒有直接支持form到json的序列化方法，目前網(wǎng)上有一個實現(xiàn)是這樣的
2010-12-12
jquery實現(xiàn)鼠標滑過顯示二級下拉菜單效果
這篇文章主要介紹了jquery實現(xiàn)鼠標滑過顯示二級下拉菜單效果,通過jquery操作鼠標事件及頁面樣式動態(tài)變換實現(xiàn)該功能,非常具有實用價值,需要的朋友可以參考下
2015-08-08
jquery實現(xiàn)折疊菜單效果【推薦】
本文主要介紹了jquery實現(xiàn)折疊菜單效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
十個迅速提升JQuery性能讓你的JQuery跑得更快
jQuery正在成為Web開發(fā)人員首選的JavaScript庫,作為Web開發(fā)者,除了要了解語言和框架的應用技巧外如何提升語言的性能,本文提供即刻提升你的腳本性能的十個步驟簡單的幾步讓你的JQuery跑得更快需要的朋友可以參考下
2012-12-12
jQuery ajax 當async為false時解決同步操作失敗的問題
這篇文章主要介紹了 jQuery ajax 當async為false時解決同步操作失敗的問題的相關資料,需要的朋友可以參考下
2016-11-11
jQuery實現(xiàn)Meizu魅族官方網(wǎng)站的導航菜單效果
這篇文章主要介紹了jQuery實現(xiàn)Meizu魅族官方網(wǎng)站的導航菜單效果,可實現(xiàn)導航菜單項鼠標滑過出現(xiàn)下劃線動態(tài)跟隨的功能,通過jQuery插件實現(xiàn)該功能,需要的朋友可以參考下
2015-09-09
使用jquery.upload.js實現(xiàn)異步上傳示例代碼
這篇文章主要介紹了使用jquery.upload.js實現(xiàn)異步上傳的示例代碼,需要的朋友可以參考下
2014-07-07
jQuery中$.ajax()方法的具體使用
本文主要介紹了jQuery中$.ajax()方法的具體使用，$.ajax(url,[settings])通過 HTTP 請求加載遠程數(shù)據(jù)，文中通過示例代碼詳細的介紹了$.ajax()的用法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-05-05
jquery1.5.1中根據(jù)元素ID獲取元素對象的代碼
盡管聽說jquery的大名幾年了，但是一直沒有使用過。這兩天想在項目中使用被一些小細節(jié)折騰的夠嗆，看來jquery沒有傳說中的那么好學。
2011-04-04