Jquery删除标签特效
2014-10-24 10:44
162 查看
在页面上经常需要删除某个标签,为了使删除时不那么僵硬,可以使用Jquery特效。
我之前一直想当然的认为可以像下面这种写法,先显示动画,再延迟,再进行真正的删除,实际上是无效的,下面的代码会直接删除标签,没有动画效果。
实际上,仔细看一下Jquery官方文档,会发现要达到这种效果其实很简单,如下:
下面是Jquery官方文档:
我之前一直想当然的认为可以像下面这种写法,先显示动画,再延迟,再进行真正的删除,实际上是无效的,下面的代码会直接删除标签,没有动画效果。
$("#"+userId).slideUp(500); $("#"+userId).delay(500).remove();
实际上,仔细看一下Jquery官方文档,会发现要达到这种效果其实很简单,如下:
$("#"+userId).slideUp(500,function(){ $("#"+userId).remove(); });
下面是Jquery官方文档:
$(selector).slideUp(speed,callback)
参数 | 描述 |
---|---|
speed | 可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "normal"。 可能的值: 毫秒 (比如 1500) "slow" "normal" "fast" 在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度(这样会创造滑动效果)。 |
callback | 可选。slideUp 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数,否则不能设置该参数。 |
相关文章推荐
- jQuery unbind 删除绑定事件 / 移除标签方法
- jquery添加删除html标签属性
- jQuery添加和删除输入文本框标签代码
- jquery 对HTML标签的克隆、删除
- jQuery选择器 简单实现<input>标签 增加 删除
- 菜鸟的jquery学习笔记,jquery添加删除html标签属性:2011-12-19
- 用jquery删除table列表中<u>标签
- jQuery unbind 删除绑定事件 / 移除标签方法
- jquery地址栏链接与a标签链接匹配之特效代码总结
- jquery点击li标签之后在该li标签上添加一个class,点击下一个li时删除上一个li的class
- jquery删除指定的html标签并保留标签内文本
- jQuery Tags Input Plugin(添加/删除标签插件)
- jquery通过a标签删除table中的一行的代码
- jQuery添加和删除指定标签的方法
- jQuery和CSS3炫酷浮动标签特效
- jQuery Tags Input Plugin(添加/删除标签插件)
- jquery通过<a>标签删除table中的一行
- Jquery,添加/删除一行输入标签
- jQuery编辑Select标签 增加修改删除 选
- jquery怎么讲html页面中指定标签,删除,即从html代码中删除,包括本元素、及其子元素