快捷導(dǎo)航

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

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

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

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)文章

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