jquery - 在 jQuery 中创建自定义动画函数

Question

我想创建一个轻量级的动画函数来帮助阻止我到处重复代码。代码只是一个animation({})带有特定参数的调用，所以编写一个插件似乎有点矫枉过正，所以我怎样才能创建一个自定义的 jQuery 函数，这样我就可以像调用它一样调用它.slideUp，而不必编写一个完整的插件来做到这一点？

这就是我的动画所做的

$("#id").css({opacity:0,"margin-top":"10px"})
    .animate({opacity:1,"margin-top":"0px"},'slow');

Answer 1

你的意思是这样吗？

  $.fn.slide = function(){
    $(this).css({opacity:0,"margin-top":"10px"}).animate({opacity:1,"margin-top":"0px"},'slow');
}

   $('#id').slide()