更改部分的背景颜色

我正在尝试使用jQuery在按下按钮时更改

部分的背景颜色，以下是执行该操作的代码。 为什么不工作？

HTML文件

      #name{ background-color: #FFFFF2; width: 100px; }     
 Abder-Rahman   

的script.js

 $("bgcolor").click(function(){ $("#name").animate( {backgroundColor: '#8B008B'}, "fast");} ); 

谢谢。

Answer 1

你有几个问题：

1. 你的选择器错了： $("#bgcolor")
2. 你错过了一个结束标签。
3. 你需要jQueryUI来动画background-color 。

HTML：

  
 Abder-Rahman  

JS：

 $("#bgcolor").click(function(){ $("#name").animate( {backgroundColor: '#8B008B'}, "fast");} ); 

您的代码已修复（并包含jQueryUI）： http ： //jsfiddle.net/andrewwhitaker/rAVj9/

Answer 2

来自jQuery网站：

除非如下所述，否则应将所有动画属性设置为单个数值。 大多数非数字属性无法使用基本jQueryfunction进行动画处理。 （例如，宽度，高度或左侧可以设置动画，但背景颜色不能。）

使用jquery UI包为颜色设置动画。

Answer 3

确保在您希望定位的jQuery中包含CSS选择器。

 $("bgcolor").click(function(){ 

应该：

 $("#bgcolor").click(function(){ 

因为您要定位ID。