«

jquery动画删除效果

时间:2024-2-3 10:20     作者:韩俊     分类: Html+Css


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

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

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

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

标签: javascript html css

热门推荐