jQuery通过点击行来删除HTML表格行的实现示例


Posted in Javascript onSeptember 10, 2014

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”的处理程序。上按一下,我们首先改变该行的背景,然后淡出它并删除它。这是一个简单的任务。

Javascript 相关文章推荐
jQuery.extend 函数详解
Feb 03 Javascript
js实现多图左右切换功能
Aug 04 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
Bootstrap select下拉联动(jQuery cxselect)
Jan 04 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
Mar 10 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
网页中的图片查看器viewjs使用方法
Jul 11 Javascript
Angular使用操作事件指令ng-click传多个参数示例
Mar 27 Javascript
layui结合form,table的全选、反选v1.0示例讲解
Aug 15 Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 Javascript
JavaScript动态生成表格的示例
Nov 02 Javascript
vue下拉刷新组件的开发及slot的使用详解
Dec 23 Vue.js
javascipt:filter过滤介绍及使用
Sep 10 #Javascript
用javascript将数据导入Excel示例代码
Sep 10 #Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 #Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
Sep 09 #Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 #Javascript
使用typeof方法判断undefined类型
Sep 09 #Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 #Javascript
You might like
PHP屏蔽过滤指定关键字的方法
2014/11/03 PHP
判断、添加和删除WordPress置顶文章的相关PHP函数小结
2015/12/10 PHP
php+MySQL实现登录时验证登录名和密码是否正确
2016/05/10 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
php生成网页桌面快捷方式
2017/05/05 PHP
Valerio 发布了 Mootools
2006/09/23 Javascript
Javascript var变量隐式声明方法
2009/10/19 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
2013/07/21 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
2014/04/29 Javascript
我的Node.js学习之路(一)
2014/07/06 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
在javascript中使用com组件的简单实现方法
2016/08/17 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
JavaScript定义全局对象的方法示例
2017/01/12 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
jQuery实现推拉门效果
2020/10/19 jQuery
python使用nntp读取新闻组内容的方法
2015/05/08 Python
解决uWSGI的编码问题详解
2017/03/24 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
Python3基础教程之递归函数简单示例
2019/06/07 Python
python自定义时钟类、定时任务类
2021/02/22 Python
Pyspark读取parquet数据过程解析
2020/03/27 Python
Opencv图像处理:如何判断图片里某个颜色值占的比例
2020/06/03 Python
美国祛痘、抗衰老药妆品牌:Murad
2016/08/27 全球购物
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
自我鉴定写作要点
2014/01/17 职场文书
四查四看整改措施
2014/09/19 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
婚内房产协议书范本
2014/10/02 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
学生个人总结范文
2015/02/15 职场文书