jQuery实现点击该行即可删除HTML表格行


Posted in Javascript onOctober 17, 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 iframe内部出滚动条
Feb 11 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
javascript二维数组转置实例
Jan 22 Javascript
Javascript之Date对象详解
Jun 07 Javascript
ECMAScript6快速入手攻略
Jul 18 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
Jun 01 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 Javascript
vue实现前端分页完整代码
Jun 17 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
Oct 17 #Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 #Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 #Javascript
js实现飞入星星特效代码
Oct 17 #Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 #Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
Oct 17 #Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 #Javascript
You might like
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
PHP PDOStatement::getAttribute讲解
2019/02/01 PHP
为Plesk PHP7启用Oracle OCI8扩展方法总结
2019/03/29 PHP
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
深入理解jQuery事件绑定
2016/06/02 Javascript
jQuery实现页面点击后退弹出提示框的方法
2016/08/24 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
EasyUI实现下拉框多选功能
2017/11/07 Javascript
NodeJS实现视频转码的示例代码
2017/11/18 NodeJs
Vue+SpringBoot开发V部落博客管理平台
2017/12/27 Javascript
常用的 JS 排序算法 整理版
2018/04/05 Javascript
JS数组求和的常用方法实例小结
2019/01/07 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
Python常用列表数据结构小结
2014/08/06 Python
python通过BF算法实现关键词匹配的方法
2015/03/13 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
详解Python下ftp上传文件linux服务器
2018/06/21 Python
Python使用Selenium模块模拟浏览器抓取斗鱼直播间信息示例
2018/07/18 Python
numpy添加新的维度:newaxis的方法
2018/08/02 Python
PyQt4编程之让状态栏显示信息的方法
2019/06/18 Python
python IDLE添加行号显示教程
2020/04/25 Python
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
应用化学专业职业生涯规划书
2013/12/31 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
Java 数组内置函数toArray详解
2021/06/28 Java/Android