我的jquery正确吗？

Question

我想知道我的 jquery 函数是否正确

<script>
window.blinker = setInterval(function(){
  if(window.alerta){
    $('a.cadastrotopo').css('color','#346698');
    $('a.cadastrotopo').css('text-decoration','underline');
      window.alerta=false;
    }
    else{
      $('a.cadastrotopo').css('color','#000');
      $('a.cadastrotopo').css('text-decoration','none');
      window.alerta = true;
    }
},500);
</script>

工作正常，但我想知道我的方法是否正确。

我谢谢你。

Answer 1

就我个人而言，我会更多地使用 CSS，特别是类：

a.cadostropo {
  color: #000;
  text-decoration: none;
}
a.alert { 
  color: #346698;
  text-decoration: underline;
}

然后解决方案就变得微不足道：

setInterval(toggleAlert, 500);

function toggleAlert() {
  $("a.cadostropo").toggleClass("alert");
}

旁注：您可以使用匿名对象来指定多个属性，而不是多个 css() 调用。

$("a.cadostropo").css({color: "#346698", textDecoration: "underline"});

话虽这么说，我不喜欢像这样使用硬编码的 CSS 操作。青睐班级。它们更加灵活，您不必担心破坏性的更改并将其回滚。

Answer 2

是的，确实如此，尽管您可以将 css 声明组合起来，如下所示。

.css({'color' : "#346698", 'text-decoration' : "underline"});