jquery动画删除效果

前端APP 投稿 10900 1 评论

jquery动画删除效果

写js的时候经常会碰到删除某个节点,用jquery处理这个事情很简单了,直接找到该节点,然后使用remove方法就行了,但为了追求用户体验,下面说一下如何将删除这个过程动态化,就是渐渐的删除,具体代码如下:


$('#sfjvip'.fadeOut('fast',function({
	$('#sfjvip'.remove((;
};

以上代码可以解释为先使用淡出效果来隐藏id="sfjvip"的DOM,待该DOM完全隐藏后就执行删除该DOM操作。隐藏的过程使用了fadeOut方法,该方法的第一个参数除了fast外,还可以使用slow normal 以及具体的数字,使用数字的时候,单位是毫秒,是用来控制从可见到隐藏的速度的。

另外对于jquery清空内容的操作empty,效果是一样的。

编程笔记 » jquery动画删除效果

赞同 (60) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(1)个小伙伴在吐槽
  1. 学起来很轻松。
    魔法剑士 2023-09-25 16:30 (1年前) 回复