jQuery通過點擊行來刪除HTML表格行的實現(xiàn)示例
jQuery的已成為所有時刻的最常用和最喜愛的JavaScript框架之一。它不僅不會減少在JavaScript編碼簡單的技術開銷,而且也使您的代碼的跨瀏覽器兼容。我已經寫了許多關于jQuery教程,這個時候,我也用這個簡單的純實現(xiàn)了。任務是從一個HTML表使用一些時髦的效果,只要按一下該行的行。以下是實現(xiàn)這一目標的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實現(xiàn)html表格動態(tài)添加新行的方法
- jQuery實現(xiàn)點擊該行即可刪除HTML表格行
- 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表格單元格的合并功能
相關文章
基于?jquery-cxselect?實現(xiàn)下拉聯(lián)動效果功能實現(xiàn)
這篇文章主要介紹了基于?jquery-cxselect?實現(xiàn)下拉聯(lián)動效果,下拉聯(lián)動是基于query的一款聯(lián)動下拉菜單插件 jquery-cxselect實現(xiàn),本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2023-02-02jQuery實現(xiàn)table隔行換色和鼠標經過變色的兩種方法
這篇文章主要介紹jQuery實現(xiàn)table隔行換色和鼠標經過變色的兩種方法,需要的朋友可以參考下2014-06-06分享2個jQuery插件--jquery.fileupload與artdialog
這篇文章主要介紹了分享2個jQuery插件--jquery.fileupload與artdialog的使用方法及示例,非常的實用,這里推薦給大家。2014-12-12ASP.NET MVC中EasyUI的datagrid跨域調用實現(xiàn)代碼
因為easyUI使用的是JQuery的異步方法加載數據,應該遵循JQuery的跨域訪問規(guī)則2012-03-03