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 相关文章推荐
IE与Firefox下javascript getyear年份的兼容性写法
Dec 20 Javascript
jquery each的几种常用的使用方法示例
Jan 21 Javascript
AngularJS中一般函数参数传递用法分析
Nov 22 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
Apr 12 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
May 27 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
Jul 23 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
3种vue路由传参的基本模式
Feb 22 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
JS实现把一个页面层数据传递到另一个页面的两种方式
Aug 13 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
May 16 Javascript
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
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
PHP imagecreatefrombmp 从BMP文件或URL新建一图像
2012/07/16 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
在CentOS上搭建LAMP+vsftpd环境的简单指南
2015/08/01 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
实例讲解PHP表单处理
2019/02/15 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
js计数器代码
2006/11/04 Javascript
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
2009/12/24 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
2013/08/01 Javascript
JS 获取滚动条高度示例代码
2013/10/24 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
JavaScript中length属性的使用方法
2015/06/05 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
2016/10/09 Javascript
Angular获取手机验证码实现移动端登录注册功能
2017/05/17 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
浅谈JS函数节流防抖
2017/10/18 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
Vue+Express实现登录状态权限验证的示例代码
2019/05/05 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
2019/08/23 Javascript
vue中监听路由参数的变化及方法
2019/12/06 Javascript
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
python实现图片变亮或者变暗的方法
2015/06/01 Python
分享Python开发中要注意的十个小贴士
2016/08/30 Python
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
python 爬取免费简历模板网站的示例
2020/09/27 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
诺心蛋糕官网:LE CAKE
2018/08/25 全球购物
简述数组与指针的区别
2014/01/02 面试题
网络维护管理员的自我评价分享
2013/11/11 职场文书
公职人员索取回扣检举信
2014/04/04 职场文书
助人为乐模范事迹材料
2014/06/02 职场文书
详解CSS伪元素的妙用单标签之美
2021/05/25 HTML / CSS