jquery - 使用 jQuery 动画速记 CSS 属性

Question

jQuery Novice to Ninja 的第 3 章以有关 CSS 属性动画的部分开始，其第一个示例建议以下代码应扩展填充并向页面中的每个段落添加几个边框:

$('document').ready(function() {
  $('p').animate({
    padding: '20px',
    borderBottom: '3px solid #8f8f8f',
    borderRight: '3px solid #bfbfbf'
  }, 2000);
});

然而，虽然代码确实可以与本书的可下载示例存档中包含的 jQuery 1.4 库配合使用，但它仅在与 jQuery 1.6 一起使用时才对填充进行动画处理，而忘记了 border-bottom 的速记 CSS 属性> 和 border-right 一起。

1.4 和 1.6 之间的过渡过程中发生了什么，导致此功能被删除？它是否被放置在某些插件中？是否可以按编写的方式运行此代码并获取边框动画？如果没有，您将如何使用 jQuery 1.6 为边框属性设置动画？

Answer 1

http://bugs.jquery.com/ticket/5001#comment:3

用户 dmethwin 几乎回答了这个问题。