你要替换掉什么颜色？首先根据执行顺序来看，一般网页结构css样式表都是在<head>里面加载的，而js有部分是在文档末尾加载的，此时js中的样式优先级高于css。而且如果你提供的这段js包含在类似
$(document).ready(function(){$(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'})
})
中的话，优先级绝对大于css样式加载，解决办法也是用js函数去改变他。
最好提供完整的js代码
$(this).css('z-index','101')的意思把当前元素的层级设置为101，z-index数值越大代表层次越高；find(".goodHover").show()的意思是在当前元素里面查找class为goodHover的元素并且将其显示；
css('z-index','100')这个跟第一个是一样的意思。详细的用法可以参考jquery的用法。
你想取到的index应该是div在全局的index,这个index,应该是从最外层取的，像一楼说的，在执行css之前用 var index=$(this).index()可以取到，$(this).css({
width: function(index, value) {
return parseFloat(value) * 1.2
},
height: function(index, value) {
alert(index)
alert(value)
return parseFloat(value) * 1.2
}
})
但是在调用css方法的时候，你用的选择器是$(this)，而这里其实只有被点击的元素本身，所以每次的Index值都会是0，
在api文档中定义的height(index,value)是这样定义的
设定CSS中 'height'
的值，可以是字符串或者数字，还可以是一个函数，返回要设置的数值。函数接受两个参数，第一个参数是元素在原先集合中的索引位置，第二个参数为原先的高度。
这个原先集合在这里其实是$(this)而不是$("div")，所以不会按你想的从0到3那样的递增的
