快捷導(dǎo)航

jQuery通過點擊行來刪除HTML表格行的實現(xiàn)示例

更新時間：2014年09月10日 16:59:43 投稿：whsnow

從一個HTML表使用一些時髦的效果，只要按一下該行，改行即可被刪除，這個示例比較簡單，新手朋友們可以學(xué)習(xí)下

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ù)。

您可能感興趣的文章:

相關(guān)文章

Spring shiro + bootstrap + jquery.validate 實現(xiàn)登錄、注冊功能
這篇文章主要介紹了Spring shiro + bootstrap + jquery.validate 實現(xiàn)登錄、注冊功能,需要的朋友可以參考下
2017-06-06
JQuery中屬性過濾選擇器用法實例分析
這篇文章主要介紹了JQuery中屬性過濾選擇器用法,實例分析了jQuery屬性過濾選擇器的相關(guān)使用技巧,需要的朋友可以參考下
2015-05-05
jQuery 改變P標(biāo)簽文本值方法
下面小編就為大家分享一篇jQuery 改變P標(biāo)簽文本值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-02-02
jQuery實現(xiàn)大圖輪播
本文主要分享了jQuery實現(xiàn)大圖輪播的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
Jquery回調(diào)對象與延遲對象用法詳解
本文詳細(xì)講解了Jquery回調(diào)對象與延遲對象的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-05-05
jQuery EasyUI封裝簡化操作
這篇文章主要為大家詳細(xì)介紹了Jquery EasyUI封裝簡化操作,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
jQuery實現(xiàn)的仿百度,仿谷歌搜索下拉框效果示例
這篇文章主要介紹了jQuery實現(xiàn)的仿百度,仿谷歌搜索下拉框效果,結(jié)合實例形式分析了基于jQuery的鼠標(biāo)事件響應(yīng)與頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2016-12-12
jQuery Mobile框架中的表單組件基礎(chǔ)使用教程
jQuery Mobile框架主要針對移動端的Web UI設(shè)計,其中豐富的表單組件調(diào)用起來也是相當(dāng)方便,接下來就為大家整理了一份jQuery Mobile框架中的表單組件基礎(chǔ)使用教程,需要的朋友可以參考下
2016-05-05
jQuery實現(xiàn)彈出帶遮罩層的居中浮動窗口效果
這篇文章主要介紹了jQuery實現(xiàn)彈出帶遮罩層的居中浮動窗口效果,涉及jQuery針對頁面元素的運算與樣式的動態(tài)修改相關(guān)技巧,需要的朋友可以參考下
2016-09-09
JQuery 選項卡效果(JS與HTML的分離)
基于JQuery實現(xiàn)的一個選項卡效果，重點體現(xiàn)在HTML里沒有內(nèi)聯(lián)事件處理程序，而是定義在js文件里，做到行為與結(jié)構(gòu)的分離。
2010-04-04