快捷導(dǎo)航

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

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

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

jQuery的已成為所有時(shí)刻的最常用和最喜愛的JavaScript框架之一。它不僅不會(huì)減少在JavaScript編碼簡(jiǎn)單的技術(shù)開銷，而且也使您的代碼的跨瀏覽器兼容。我已經(jīng)寫了許多關(guān)于jQuery教程，這個(gè)時(shí)候，我也用這個(gè)簡(jiǎn)單的純實(shí)現(xiàn)了。任務(wù)是從一個(gè)HTML表使用一些時(shí)髦的效果，只要按一下該行的行。以下是實(shí)現(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”的處理程序。上按一下，我們首先改變?cè)撔械谋尘?，然后淡出它并刪除它。這是一個(gè)簡(jiǎn)單的任務(wù)。

您可能感興趣的文章:

相關(guān)文章

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