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注释所产生的bug 即使注释也会执行
Nov 19 Javascript
jQuery+html5实现div弹出层并遮罩背景
Apr 15 Javascript
vue,angular,avalon这三种MVVM框架优缺点
Apr 27 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
Jun 07 Javascript
require简单实现单页应用程序(SPA)
Jul 12 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 Javascript
React Native时间转换格式工具类分享
Oct 24 Javascript
通过vue-cli3构建一个SSR应用程序的方法
Sep 13 Javascript
详解JavaScript栈内存与堆内存
Apr 04 Javascript
在Vue环境下利用worker运行interval计时器的步骤
Aug 01 Javascript
JS原型prototype和__proto__用法实例分析
Mar 14 Javascript
Element Dropdown下拉菜单的使用方法
Jul 26 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
ThinkPHP行为扩展Behavior应用实例详解
2014/07/22 PHP
PHP中spl_autoload_register()函数用法实例详解
2016/07/18 PHP
javascript Object与Function使用
2010/01/11 Javascript
JQuery1.4+ Ajax IE8 内存泄漏问题
2010/10/15 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
2012/02/16 Javascript
重写javascript中window.confirm的行为
2012/10/21 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
JavaScript删除指定子元素代码实例
2015/01/13 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
swiper插件自定义切换箭头按钮
2017/12/28 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
vue3.0 搭建项目总结(详细步骤)
2019/05/20 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
python算法学习之计数排序实例
2013/12/18 Python
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
python学习之编写查询ip程序
2016/02/27 Python
Python实现抢购IPhone手机
2018/02/07 Python
python和shell监控linux服务器的详细代码
2018/06/22 Python
python3安装speech语音模块的方法
2018/12/24 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
药物学专业学生的自我评价
2013/10/27 职场文书
寒假实习自荐信
2014/01/26 职场文书
学生个人自我鉴定范文
2014/03/28 职场文书
个人安全生产承诺书
2014/05/22 职场文书
小学生春游活动方案
2014/08/20 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript