jQuery實(shí)現(xiàn)點(diǎn)擊該行即可刪除HTML表格行
jQuery的已成為所有時(shí)刻的最常用和最喜愛的JavaScript框架之一。它不僅不會減少在JavaScript編碼簡單的技術(shù)開銷,而且也使您的代碼的跨瀏覽器兼容。我已經(jīng)寫了許多關(guān)于jQuery教程,這個(gè)時(shí)候,我也用這個(gè)簡單的純實(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”的處理程序。上按一下,我們首先改變該行的背景,然后淡出它并刪除它。這是一個(gè)簡單的任務(wù)。
- 使用jQuery操作HTML的table表格的實(shí)例解析
- jQuery實(shí)現(xiàn)html表格動態(tài)添加新行的方法
- jQuery通過點(diǎn)擊行來刪除HTML表格行的實(shí)現(xiàn)示例
- jQuery(非HTML5)可編輯表格實(shí)現(xiàn)代碼
- jQuery表格插件datatables用法匯總
- jQuery實(shí)現(xiàn)獲取table表格第一列值的方法
- 基于jQuery實(shí)現(xiàn)的無刷新表格分頁實(shí)例
- 基于jQuery實(shí)現(xiàn)點(diǎn)擊最后一行實(shí)現(xiàn)行自增效果的表格
- 基于jquery實(shí)現(xiàn)表格無刷新分頁
- jQuery表格插件datatables用法詳解
- 創(chuàng)建自己的jquery表格插件
- jquery通過AJAX從后臺獲取信息并顯示在表格上的實(shí)現(xiàn)類
- jQuery實(shí)現(xiàn)HTML表格單元格的合并功能
相關(guān)文章
jQuery實(shí)現(xiàn)簡潔的導(dǎo)航菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡潔的導(dǎo)航菜單效果,簡潔大方的導(dǎo)航菜單,需要的朋友可以參考下2015-11-11
jQuery動態(tài)顯示和隱藏datagrid中的某一列的方法
動態(tài)顯示和隱藏datagrid中的某一列的方法有很多,在接下來的文章中為大家介紹下jQuery是如何實(shí)現(xiàn)的2013-12-12
基于jquery實(shí)現(xiàn)省市聯(lián)動效果
這篇文章主要介紹了基于jquery實(shí)現(xiàn)省市聯(lián)動效果,感興趣的小伙伴們可以參考一下2015-11-11
基于LayUI分頁和LayUI laypage分頁的使用示例
本篇文章主要介紹了基于LayUI分頁和LayUI laypage分頁的使用示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
jquery validate poshytip 自定義樣式
項(xiàng)目中做了一個(gè)jquery.validate氣泡提示在新版的jquery.validate中,有這個(gè)功能,但在我這里不怎么好用,所以自己加了一個(gè),找了一些插件qtip2的樣式不錯(cuò),需要的朋友可以參考下2012-11-11
jQuery動態(tài)添加可拖動元素完整實(shí)例(附demo源碼下載)
這篇文章主要介紹了jQuery動態(tài)添加可拖動元素的方法,可實(shí)現(xiàn)簡單的點(diǎn)擊添加元素,并且添加的元素可進(jìn)行拖動操作.涉及jQuery響應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2016-06-06
jquery實(shí)現(xiàn)的網(wǎng)頁自動播放聲音
這篇文章主要介紹了使用jquery如何實(shí)現(xiàn)的網(wǎng)頁自動播放聲音,需要的朋友可以參考下2014-04-04
jQuery實(shí)現(xiàn)移動 和 漸變特效的點(diǎn)擊事件
這里給大家分享的是一則使用jQuery實(shí)現(xiàn)移動和漸變特效的點(diǎn)擊事件效果,非常簡單實(shí)用,這里推薦給大家。2015-02-02

