添加方法animateCss $.fn.extend({ animateCss: function (animationName) { var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; $(this).addClass('animated ' + animationName).one(animationEnd,function() { $(this).removeClass('animated ' + animationName); }); } }); //调用示例： $('#Box').animateCss('bounce');