jquery - 向 jQuery 添加动画

Question

我制作了一些自定义动画:

$(this).animate({opacity: '0'}, 200, function() {
    $(this).animate({height: '0'}, 200, function() {
        $(this).remove();
    });
});

有没有办法将它添加到 jQuery 函数中，以便我可以像 fadeOut() 或 slipIn() 那样调用它？

Answer 1

你想要的都已完成jQuery plugins 。这个想法是将您的函数添加到 jQuery 的 prototype 中，其别名为 $.fn。你这样做:

$.fn.myFadeOut = function(){
    return this.animate({opacity: '0'}, 200, function() {
        $(this).animate({height: '0'}, 200, function() {
            $(this).remove();
        });
    });
}