Javascript 在同一元素中添加Jquery属性和CSS

我试图改变悬停时的图像，但它似乎不起作用，知道吗？css也不起作用。基本上它所做的是当链接悬停时，图像应该随着缩放效果而改变

<script>
    $('#c_menu2').hover(function(){
        $('img.hut2').attr("src", "Images/hut2.png");   
        $('img').css( { -moz-transform:'scale(1.04)', 
   -webkit-transform:'scale(1.04)',
   -o-transform:'scale(1.04)' } );
        $(this).css( { color: '#b26c64'});          
    }, function(){
         $('img.hut2').attr("src", "Images/hut.png");  
        $('img.hut2').css( { height:'195px',
    width:'240px',
    -moz-transition:'-moz-transform 0.1s ease-in',
    -webkit-transition:'-webkit-transform 0.1s ease-in',
    -o-transition:'-o-transform 0.1s ease-in' } );
        $(this).css( { color: '#000'}); 

    });

    $('img.hut2').hover(function(){
        $('#c_menu2').css( { color: '#b26c64'});


    }, function(){
        $('#c_menu2').css({ color: '#000'});            

    });

</script>

$（'#c#menu2'）。悬停（函数（）{
$（'img.hut2'）.attr（“src”，“Images/hut2.png”）；
$（'img'）.css（{-moz-transform:'scale（1.04）'），
-webkit转型：“规模（1.04）”，
-o变换：'scale（1.04）}；
$（this.css（{color:'#b26c64'}）；
}，函数（）{
$（'img.hut2'）.attr（“src”，“Images/hut.png”）；
$（'img.hut2'）.css（{高度：'195px'，
宽度：'240px'，
-moz转换：'-moz转换0.1s易用'，
-webkit转换：'-webkit转换0.1s易用'，
-o-转换：'-o-转换0.1s在'}）中；
$（this.css（{color:'#000'}）；
});
$（'img.hut2'）。悬停（函数（）{
$（'c#u menu2'）.css（{color:'b26c64'}）；
}，函数（）{
$（'c#u menu2'）.css（{color:'000'}）；
});

你能用HTML、CSS和jQuery做一个标记吗？它在改变颜色吗？尝试用引号将CSS声明括起来，例如，

“-webkit transform”

使用jQuery v1.8或更高版本时，

-webkit-/-moz-/-o-

前缀会自动添加到

.CSS（）

：