Javascript 如何使用jQuery删除具有一定效果的css类？

我有一张HTML表格。这是其中一行：

<tr class="mattersRow">

    <td colspan="4"> … </td>
    <td class="editableCell qbmatter" colspan="14"> … </td>
    <td class="editableCell workDate" colspan="4"> … </td>
    <td class="editableCell hours" colspan="2"> … </td>
    <td class="editableCell person" colspan="6"> … </td>
    <td class="rate" colspan="2"> … </td>
    <td class="editableCell amount" colspan="4"> … </td>
    <td align="center">
        <input id="check4" type="checkbox"></input>
    </td>

</tr>

这个类使整行变成黄色。基本上我想做一些效果。例如，当我取消选中时，这个“黄色”正在下降。。。如何在jQuery中实现这一点？可能吗

 $(this).closest('tr').animate( { backgroundColor: 'red'}, '2000');

---

请参阅此处的更多信息：

您可以使用CSS执行此操作，但它只能在支持CSS

转换的现代浏览器中运行：

tr {
    -webkit-transition : background-color 500ms ease-in-out;
    -moz-transition : background-color 500ms ease-in-out;
    -ms-transition : background-color 500ms ease-in-out;
    -o-transition : background-color 500ms ease-in-out;
    transition : background-color 500ms ease-in-out;
}

下面是一个演示：

注意：这只是淡入/淡出颜色，执行“推”或“拉”动画之类的操作将需要多个元素（我相信）

另外，这里有一个很好的资源，可以在很多功能上支持浏览器：（这个链接将直接带你到CSS
转换
）
不，我需要删除这个类，不仅仅是改变背景颜色，没有jQuery中的插件就不能设置背景颜色：
例如，宽度、高度或左侧可以设置动画，但是背景颜色不能设置，除非使用jQuery.Color（）插件
，否则源代码：然后像我一样对该类中的内容设置动画。如果你阅读我的链接，你会发现你可以添加所有内容。更改删除位的宽度等。请提供代码示例？我不熟悉过渡…谢谢！这很有趣=）将花一些时间阅读过渡=）@Bryuk看看MDN文档如果你还没有，它们很好：
tr {
    -webkit-transition : background-color 500ms ease-in-out;
    -moz-transition : background-color 500ms ease-in-out;
    -ms-transition : background-color 500ms ease-in-out;
    -o-transition : background-color 500ms ease-in-out;
    transition : background-color 500ms ease-in-out;
}