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

