jquery中delay函数不起作用

Question

想要实现的效果是，点击按钮后，逐步改变指定元素的属性。
使用了jquery的delay 延时方法，但是不起作用。
测试的失败的写法如下：

html部分不变

Answer 1

如果delay()下一项不是效果动画，则它不会被加入效果队列中，因此该函数不会对它进行延迟调用。另外jQuery的animate不支持background-color的颜色渐变效果