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 相关文章推荐
js实现的网页颜色代码表全集
Jul 17 Javascript
jquery 实现表单验证功能代码(简洁)
Jul 03 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
Sep 03 Javascript
把字符串按照特定的字母顺序进行排序的js代码
Jan 28 Javascript
JavaScript中的DSL元编程介绍
Mar 15 Javascript
AngularJs Javascript MVC 框架
Jun 20 Javascript
jQuery实现的购物车物品数量加减功能代码
Nov 16 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
javascript中call,apply,bind函数用法示例
Dec 19 Javascript
在iFrame子页面里实现模态框的方法
Aug 17 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
Jun 14 Javascript
JS制作简易计算器的实例代码
Jul 04 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(3) php 函数
2010/02/15 PHP
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
2013/06/06 PHP
深入PHP magic quotes的详解
2013/06/17 PHP
PHP调用MsSQL Server 2012存储过程获取多结果集(包含output参数)的详解
2013/07/03 PHP
php通过session防url攻击方法
2014/12/10 PHP
php与Mysql的一些简单的操作
2015/02/26 PHP
php对象工厂类完整示例
2018/08/09 PHP
php fread函数使用方法总结
2019/05/28 PHP
Javascript 构造函数,公有,私有特权和静态成员定义方法
2009/11/30 Javascript
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
2017/03/25 Javascript
nodejs项目windows下开机自启动的方法
2017/11/22 NodeJs
最实用的JS数组函数整理
2017/12/05 Javascript
JS排序算法之希尔排序与快速排序实现方法
2017/12/12 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
js的对象与函数详解
2019/01/21 Javascript
python根据文件大小打log日志
2014/10/09 Python
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
Python的Flask开发框架简单上手笔记
2015/11/16 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
Python Pillow.Image 图像保存和参数选择方式
2020/01/09 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
Python xlrd excel文件操作代码实例
2020/03/10 Python
Pycharm激活码激活两种快速方式(附最新激活码和插件)
2020/03/12 Python
Pytho爬虫中Requests设置请求头Headers的方法
2020/09/22 Python
python asyncio 协程库的使用
2021/01/21 Python
CSS3属性box-sizing使用指南
2014/12/09 HTML / CSS
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
这段代码难道不该打印出56吗
2013/02/27 面试题
创建省级文明单位实施方案
2014/02/27 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
Golang 编译成DLL文件的操作
2021/05/06 Golang
Valheim服务器 Mod修改安装教程 【ValheimPlus】
2022/12/24 Servers