javascript - jquery 的问题

Question

此时我是 Jquery 的初学者，但以下基于 api.jquery.com 的代码在这种情况下应该可以工作:

<小时/>

<a class="btindex">Startseite</a>

<小时/>

$('.btindex').click(function(){$(this).attr('href','index.html')});
$('.btindex').on('mouseover',function(){$(this).css('background-color':'#f2ab1e')});
$('.btindex').on('mouseout',function(){$(this).css('background-color':'#f0c911')});

<小时/>

我也将它们写在一个中，因为这对我来说更清楚，但是，这里是代码:

<小时/>

$('.btindex').click(function(){$(this).attr('href','index.html')}).on('mouseover',function(){$(this).css('background-color':'#f2ab1e')}).on('mouseout',function(){$(this).css('background-color':'#f0c911')});

<小时/>

在这种情况下也没有必要，这里是 css 文件:

<小时/>

.btindex{
cursor: pointer;
background-color:#f0c911;
border:1px solid #e65f44;
color:#c92200;
font-weight:bold;
font-style:italic;
font-size: 150%;
height:10%;
line-height:250%;
padding: auto;
position: fixed;
visibility: hidden;
width:22%;
text-decoration:none;
text-align:center;
}

我希望能快速得到答案，并且脚本能够 self 解释，如果没有，我会肯定回答。无论如何，我构建了一个 fiddle 作为支持 here :)

Answer 1

应该有逗号的地方有冒号 - 应该是:

$('.btindex').on('mouseover',function(){$(this).css('background-color','#f2ab1e')});
$('.btindex').on('mouseout',function(){$(this).css('background-color','#f0c911')});

更新了 fiddle :http://jsfiddle.net/8Hbnk/2/

或者您可以将对象中的属性传递给 css()，注意使用驼峰命名法作为属性名称(例如 backgroundColor 而不是 background-color ):

$('.btindex').on('mouseover',function(){$(this).css({backgroundColor:'#f2ab1e'})});
$('.btindex').on('mouseout',function(){$(this).css({backgroundColor:'#f0c911'})});