Javascript 如何操作当前对象的CSS

Javascript 如何操作当前对象的CSS,javascript,Javascript,我正在寻找一段代码,可以让我更改单击对象的CSS,如下所示: //Click & Lock $('.pix').click(function(){ if(questionLock==false){questionLock=true; //correct answer if(this.id==rnd){ $(this).css('border-color:green'); score++; } //wrong answer if

我正在寻找一段代码,可以让我更改单击对象的CSS,如下所示:

//Click & Lock
 $('.pix').click(function(){
  if(questionLock==false){questionLock=true;    
    //correct answer
  if(this.id==rnd){
   $(this).css('border-color:green'); 
   score++;
   }
    //wrong answer  
  if(this.id!=rnd){
   $(this).css('border-color:red');
  }
  setTimeout(function(){changeQuestion()},1000);
 }})
}   
您需要
css('key','value')


首先,您不应该直接操纵CSS。通过添加/删除类名并在外部CSS中设置这些类的样式来更改边框颜色

如果你真的想用JavaScript更改CSS,你需要给它一个属性和值,而不是一个字符串:

$(this).css('border-color', 'red');
$(this).css('border-color', 'red');