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");

颜色相同，如果使用对象，也可以使用它。

$(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");
});

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

1 个答案: