jQuery實現(xiàn)點擊該行即可刪除HTML表格行
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ù)。
- 使用jQuery操作HTML的table表格的實例解析
- jQuery實現(xiàn)html表格動態(tài)添加新行的方法
- jQuery通過點擊行來刪除HTML表格行的實現(xiàn)示例
- jQuery(非HTML5)可編輯表格實現(xiàn)代碼
- jQuery表格插件datatables用法匯總
- jQuery實現(xiàn)獲取table表格第一列值的方法
- 基于jQuery實現(xiàn)的無刷新表格分頁實例
- 基于jQuery實現(xiàn)點擊最后一行實現(xiàn)行自增效果的表格
- 基于jquery實現(xiàn)表格無刷新分頁
- jQuery表格插件datatables用法詳解
- 創(chuàng)建自己的jquery表格插件
- jquery通過AJAX從后臺獲取信息并顯示在表格上的實現(xiàn)類
- jQuery實現(xiàn)HTML表格單元格的合并功能
相關(guān)文章
jQuery動態(tài)顯示和隱藏datagrid中的某一列的方法
動態(tài)顯示和隱藏datagrid中的某一列的方法有很多,在接下來的文章中為大家介紹下jQuery是如何實現(xiàn)的2013-12-12基于LayUI分頁和LayUI laypage分頁的使用示例
本篇文章主要介紹了基于LayUI分頁和LayUI laypage分頁的使用示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08jquery validate poshytip 自定義樣式
項目中做了一個jquery.validate氣泡提示在新版的jquery.validate中,有這個功能,但在我這里不怎么好用,所以自己加了一個,找了一些插件qtip2的樣式不錯,需要的朋友可以參考下2012-11-11jQuery動態(tài)添加可拖動元素完整實例(附demo源碼下載)
這篇文章主要介紹了jQuery動態(tài)添加可拖動元素的方法,可實現(xiàn)簡單的點擊添加元素,并且添加的元素可進(jìn)行拖動操作.涉及jQuery響應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2016-06-06