尝试使用jquery动态更改imgs时出现语法错误

Question

我试图将网页上的主要照片更改为鼠标悬停时突出显示的照片。下面的代码导致一个错误，说我的引号有问题。这可能是什么问题？

    $(document).ready(function(){
    $(".colorDiv").mouseover(function(){
        $(this).css("border", "2px solid #2F4F4F");
        $(".mPhoto['src="photos/WP_20140621_002.jpg"']").attr("src", ".colorImg");
    });
    $(".colorDiv").mouseout(function(){
        $(this).css("border", "none");
    })
});

.colorImg是我想用

更改原始图像的imgs类

.mPhoto是我要更改的主要照片类

Answer 1

在这些选择器中，您不需要引号。 正确的变体是：

$(".mPhoto[src=photos/WP_20140621_002.jpg]").attr("src", ".colorImg");

Answer 2

你的问题是报价。 如果我理解但你想要这样做，那就是：

$(".mPhoto").attr("src", "photos/WP_20140621_002.jpg");