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