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

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

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