如何使用jQuery向对象添加平滑过渡？

我正在创建一个HTML网站，在编写导航条形码的阶段。我正在使用Bootstrap进行样式设置，我有一个jQuery函数来更改navbar的颜色类。当颜色改变时，我希望有一个平滑的过渡。我该怎么做

$document.readyfunction{ 获取卷轴； }; $window.scroll函数{ 获取卷轴； }; 函数getScroll{ var scroll=$window.scrollTop； 如果滚动李{ 左侧填充：30px； 右侧填充：30px； }

---

只需向导航栏ID添加一些转换

#navbar {
        transition: all 2s;
    }

$document.readyfunction{ 获取卷轴； }; $window.scroll函数{ 获取卷轴； }; 函数getScroll{ var scroll=$window.scrollTop； 如果滚动李{ 左侧填充：30px； 右侧填充：30px； } 导航栏{ 过渡：所有2； }

---

这就是你想要的吗？你可以在你试图用自己的css制作动画的类中添加一个转换。是的，基本上就是这样，但是有没有一种方法可以通过编程实现呢？我更喜欢css方式，但是有一种方法可以使用jQuery UI的动画功能来切换类：好吧，没有简单的方法可以用普通的css制作动画jQuery，或者您需要在不使用引导类的情况下使用该函数，基本上，使用$navbar.css'transition'，'all 1s'，完成这项工作