jquery初学者，无效的参数或参数

Question

谁能给我一个想法为什么这个代码不能工作

<script>

$(document).ready(function(){
    $(".colorDiv").mouseover(function(){
        $(this).attr(border, "2px");
        $(this).attr(border-style, "solid");
        $(this).attr(border-color, "#2F4F4F");
    });
});

我试图得到一个div有一个突出显示的边界悬停，这是我的jquery的第一次经验，我不知道我做错了什么。调试说无效参数，我有点不确定这个参数是如何工作的。

Answer 1

连字符无效

$(this).attr(border-style, "solid");

除非加引号

$(this).attr('border-style', "solid");

同样适用于颜色，如果你使用对象，你也可以使用camelCase。

$(this).attr({borderColor : "#2F4F4F"});

同时，你也在设置样式

$(".colorDiv").mouseover(function(){
     $(this).css("border", "2px");
     $(this).css("border-style", "solid");
     $(this).css("border-color", "#2F4F4F");
});

作为旁注，在jQuery中一切都是可链接的，许多方法接受对象，CSS有简写，jQuery将接受

$(".colorDiv").mouseover(function(){
     $(this).css("border", "2px solid #2F4F4F");
});