Javascript 如何动态地为添加的元素设置背景色动画？

我正在使用ajax添加一些元素。对于这个例子，我添加了用户评论。当用户做出新的评论时，他的评论会被放在第一位（这是个问题），我想在第一个评论div添加新的背景动画。但是我知道我们不能用Jquery设置颜色动画。我可以使用JqueryUI高亮效果。但是我不能选择新添加的元素。当然，在此处使用delegate（）或on（）。。但我的所有尝试都失败了

我需要帮助

一些代码示例

$("#DoCommentBtn").click(function(){
        var UserID      = 1,
            LookID      = 2,
            Comment     = $("#CommentInput").val(),
            CommentType = 0,
            PostData    = "USERID=" + UserID + "&LOOKID=" + LookID + "&Comment=" + encodeURI(Comment) + "&CommentType=" + CommentType;
            $("#CmAnm").fadeIn();
            $.ajax({
                type:'POST',
                url:'ajax.asp?cmd=docomment',
                dataType:'html',
                data:PostData,
                success:function(cevap) {
                    $("#CmAnm").fadeOut();
                    $("#CommentsArea").load("ajax.asp?cmd=LoadComments&LOOKID=" + LookID + "&PART=0");
                    //Now all comments loaded Here I must animate background first div in #CommentsArea Animation Example: Background color blue to white..  
                }
            });
    });

---

但我知道我们不能用Jquery设置颜色动画

我不是jquery专家，但我相信这是可能的

这就是你要找的吗

$( "#CommentsArea div:first-child" ).animate({ backgroundColor: "#fff"}, 1000);

应在1秒（1000ms）内将背景设置为白色

文档：

编辑：

---

将背景更改为背景颜色

动画属性和值

所有已设置动画的属性都应设置为单个数值，以下说明除外；大多数非数字属性无法使用基本jQuery功能设置动画

（例如，可以设置宽度、高度或左侧的动画，但不能设置背景色，除非使用jQuery.color插件）

文件：

那我现在能做什么呢

我正在添加这个库

Jquery.Color

现在JSFIDLE示例正在运行

示例代码：

$(".justDiv").animate({ backgroundColor: "#ffffff",width:105 }, 1000);

---

你能画出你的预期产量吗？在哪里你得到了错误“但我知道我们不能用Jquery设置颜色动画”。你为什么这么说？你能给我们提供想要的结果吗？实际上，你可以用jQuery设置颜色的动画。我使用了一些JSFIDLE示例代码；动画制作

---

JustDiv.JustDiv{background:#FF0000；padding:20px；width:100px；}$（文档）.ready（函数（）{$（“#动画制作”）.点击（函数（）{$（“.JustDiv”）.Animate（{backgroundColor:#fff”，width:105}，1000）；}）；只需div展开，但不更改颜色..颜色不设置动画。。或者我做错了，但代码是。。我尝试了背景色、颜色和背景色，但失败了。尝试使用背景色代替背景色，刚刚在控制台和workedI上测试过。请阅读。我无法使用此代码设置动画。但是当我使用这个代码时：动画（{backgroundColor:#fff'，width:234}，1000）；只要有动画就行了。。颜色不变。。