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 相关文章推荐
用JAVASCRIPT如何给<textarea></textarea>赋值
Apr 20 Javascript
javascript multibox 全选
Mar 22 Javascript
网页中CDATA标记的说明
Sep 12 Javascript
检测jQuery.js是否已加载的判断代码
May 20 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
Mar 13 Javascript
JavaScript中的变量定义与储存介绍
Dec 31 Javascript
解析Vue2.0双向绑定实现原理
Feb 23 Javascript
关于javascript sort()排序你可能忽略的一点理解
Jul 18 Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
JS实现中英文混合文字溢出友好截取功能
Aug 06 Javascript
小程序实现五星点评效果
Nov 03 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
Nov 25 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
用PHP编写PDF文档生成器
2006/10/09 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
php ajax异步读取rss文档数据
2016/03/29 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
Yii2压缩PHP中模板代码的输出问题
2018/08/28 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
js操作输入框提示信息且响应鼠标事件
2014/03/25 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
纯js实现重发验证码按钮倒数功能
2015/04/21 Javascript
javascript字符串循环匹配实例分析
2015/07/17 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
AngularJS入门心得之directive和controller通信过程
2016/01/25 Javascript
JS原型、原型链深入理解
2016/02/27 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
JS制作类似选项卡切换的年历
2016/12/03 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
python服务器端收发请求的实现代码
2014/09/29 Python
python安装教程
2018/02/28 Python
Python中的十大图像处理工具(小结)
2019/06/10 Python
详解python3中用HTMLTestRunner.py报ImportError: No module named 'StringIO'如何解决
2019/08/27 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
美国网上花店:JustFlowers
2017/02/12 全球购物
伦敦剧院门票:From The Box Office
2018/06/30 全球购物
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
俄罗斯购买剧院和演唱会门票网站:Parter.ru
2019/11/09 全球购物
一套英文Java笔试题面试题
2016/04/21 面试题
六五普法规划实施方案
2014/03/21 职场文书
学术诚信承诺书
2014/05/26 职场文书
装修施工安全责任书
2014/07/24 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
MySQL 不等于的三种使用及区别
2021/06/03 MySQL
Win11 引入 Windows 365 云操作系统,适应疫情期间混合办公模式:启动时直接登录、模
2022/04/06 数码科技