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+XML 操作
Sep 20 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
js二维数组排序的简单示例代码
Jan 24 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
Jun 06 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
Jul 27 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
Sep 15 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
vue如何判断dom的class
Apr 26 Javascript
解决vue接口数据赋值给data没有反应的问题
Aug 27 Javascript
VUE实现移动端列表筛选功能
Aug 23 Javascript
JavaScript canvas绘制折线图
Feb 18 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
第五节 克隆 [5]
2006/10/09 PHP
PHP通过header实现文本文件下载的代码
2010/08/08 PHP
destoon实现首页显示供应、企业、资讯条数的方法
2014/07/15 PHP
php使用str_shuffle()函数生成随机字符串的方法分析
2017/02/17 PHP
Javascript MD4
2006/12/20 Javascript
JavaScript 的方法重载效果
2009/08/07 Javascript
JavaScript 全角转半角部分
2009/10/28 Javascript
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
2010/06/25 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
js鼠标悬浮出现遮罩层的方法
2015/01/28 Javascript
javascript中函数作为参数调用的方法
2015/02/09 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
2015/09/09 Javascript
javascript实现密码验证
2015/11/10 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
vue+webpack实现异步组件加载的方法
2018/02/03 Javascript
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
jquery实现动态改变css样式的方法分析
2019/05/27 jQuery
js实现数字滚动特效
2019/12/16 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
Python无损音乐搜索引擎实现代码
2018/02/02 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
HTML5实现应用程序缓存(Application Cache)
2020/06/16 HTML / CSS
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
主题党日活动总结
2014/07/08 职场文书
党员批评与自我批评(5篇)
2014/09/23 职场文书
司考复习计划
2015/01/19 职场文书
小学中队活动总结
2015/05/11 职场文书
地道战观后感300字
2015/06/04 职场文书
家庭经济困难证明
2015/06/23 职场文书
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL
python的netCDF4批量处理NC格式文件的操作方法
2022/03/21 Python
Python利用FlashText算法实现替换字符串
2022/03/31 Python