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 相关文章推荐
js判断样式className同时增加class或删除class
Jan 30 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
Jan 14 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
Feb 17 Javascript
在React框架中实现一些AngularJS中ng指令的例子
Mar 06 Javascript
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
Apr 16 Javascript
Vue2.0组件间数据传递示例
Mar 07 Javascript
Angularjs实现上传图片预览功能
Sep 01 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
Vue axios 将传递的json数据转为form data的例子
Oct 29 Javascript
javascript实现前端分页功能
Nov 26 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 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读取数据库信息的几种方法
2008/05/24 PHP
PHP实现生成数据字典功能示例
2018/05/24 PHP
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
2018/08/21 PHP
jQuery实现拖拽效果插件的方法
2015/03/23 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
基于jquery实现三级下拉菜单
2016/05/10 Javascript
js输出数据精确到小数点后n位代码
2016/07/02 Javascript
JavaScript DOM节点操作方法总结
2016/08/23 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
2016/09/20 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
微信小程序上传图片到服务器实例代码
2017/11/07 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
webpack中的热刷新与热加载的区别
2018/04/09 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
2018/08/10 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
2018/11/08 Javascript
详解微信小程序开发用户授权登陆
2019/04/24 Javascript
JavaScript代码异常监控实现过程详解
2020/02/17 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
Vuex的热更替如何实现
2020/06/05 Javascript
跟老齐学Python之编写类之二方法
2014/10/11 Python
python基于phantomjs实现导入图片
2016/05/13 Python
深入理解Python中的super()方法
2017/11/20 Python
浅谈python之新式类
2018/08/12 Python
python利用百度AI实现文字识别功能
2018/11/27 Python
对python3.4 字符串转16进制的实例详解
2019/06/12 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
HTML5 Canvas 起步(2) - 路径
2009/05/12 HTML / CSS
C#里面可以避免一个类被其他类继承么?如何?
2013/09/26 面试题
学生保证书范文
2014/04/28 职场文书
2015年小学一年级班主任工作总结
2015/05/21 职场文书
高并发下Redis如何保持数据一致性(避免读后写)
2022/03/18 Redis