快捷導(dǎo)航

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

33個優(yōu)秀的 jQuery 圖片展示插件分享
這篇文章收集了33個優(yōu)秀的 jQuery 圖片插件分享給大家。
2012-03-03
2種jQuery 實(shí)現(xiàn)刮刮卡效果
這篇文章主要介紹了2種jQuery 實(shí)現(xiàn)刮刮卡效果,需要的朋友可以參考下
2015-02-02
基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動效果功能實(shí)現(xiàn)
這篇文章主要介紹了基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動效果,下拉聯(lián)動是基于query的一款聯(lián)動下拉菜單插件 jquery-cxselect實(shí)現(xiàn)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2023-02-02
jquery點(diǎn)贊功能實(shí)現(xiàn)代碼點(diǎn)個贊吧!
點(diǎn)贊功能很多地方都會出現(xiàn)，如何實(shí)現(xiàn)愛心點(diǎn)贊功能，這篇文章主要為大家詳細(xì)介紹了jquery點(diǎn)贊功能實(shí)現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
jquery常用特效方法使用示例
這篇文章主要介紹了jquery常用特效方法使用示例,需要的朋友可以參考下
2014-04-04
jQuery實(shí)現(xiàn)table隔行換色和鼠標(biāo)經(jīng)過變色的兩種方法
這篇文章主要介紹jQuery實(shí)現(xiàn)table隔行換色和鼠標(biāo)經(jīng)過變色的兩種方法,需要的朋友可以參考下
2014-06-06
jquery插件制作表單驗(yàn)證實(shí)現(xiàn)代碼
今天的內(nèi)容是關(guān)于表單驗(yàn)證插件的制作。表單驗(yàn)證控件實(shí)現(xiàn)的主要功能是，當(dāng)表單提交的時候檢查必填項(xiàng)是否正確填寫，同時根據(jù)需要驗(yàn)證輸入信息是否符合規(guī)范
2012-08-08
jQuery排序插件tableSorter使用方法
這篇文章主要為大家詳細(xì)介紹了jQuery排序插件tableSorter的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
分享2個jQuery插件--jquery.fileupload與artdialog
這篇文章主要介紹了分享2個jQuery插件--jquery.fileupload與artdialog的使用方法及示例，非常的實(shí)用，這里推薦給大家。
2014-12-12
ASP.NET MVC中EasyUI的datagrid跨域調(diào)用實(shí)現(xiàn)代碼
因?yàn)閑asyUI使用的是JQuery的異步方法加載數(shù)據(jù)，應(yīng)該遵循JQuery的跨域訪問規(guī)則
2012-03-03