Javascript 通过jQuery单击函数更改img src

我想用jqueryclick函数更改我的imgsrc，但似乎做不到。以下是我的html代码：

<div id="main2"><img id='mty' style="width: 500px;height: 600px;"
src="https://cdn.pastemagazine.com/www/articles/morty%20main.jpg">
</div>

以下是我的jQuery代码，它不起作用：

<script type="text/javascript">
$('#paper').click(function() 
{
$('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg');
});  </script>

$（“#纸张”）。单击（函数（）
{
$（'#mty'）.attr（'src'，'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg');
});  

我做错了什么？如果我点击#paper这是一个按钮，我希望能够更改HTMLSRC

$('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg');

您需要将“src”设置为img标记，而不是div标记

<script type="text/javascript"> 
    $(document).ready(function(){   
        $('#paper').click(function() { 
           $('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg'); 
       }); 
   }); 
</script>

$（文档）.ready（函数（）{
$（“#纸张”）。单击（函数（）{
$（'#mty'）.attr（'src'，'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg'); 
}); 
}); 

您需要将“src”设置为img标记，而不是div标记

<script type="text/javascript"> 
    $(document).ready(function(){   
        $('#paper').click(function() { 
           $('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg'); 
       }); 
   }); 
</script>

$（文档）.ready（函数（）{
$（“#纸张”）。单击（函数（）{
$（'#mty'）.attr（'src'，'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg'); 
}); 
}); 

Html如下所示-

<button type="button" id="paper">change image</button>
<div id="main2">
    <img id='mty' style="width: 500px;height: 600px;"
         src="https://cdn.pastemagazine.com/www/articles/morty%20main.jpg">
</div>

更改图像

剧本-

<script type="text/javascript">
    $('#paper').click(function () {
        $('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg');
    });
</script>

$（“#纸张”）。单击（函数（）{
$（'#mty'）.attr（'src'，'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg');
});

要记住的事情-

html呈现后的用户脚本或使用jquery就绪

Html如下所示-

<button type="button" id="paper">change image</button>
<div id="main2">
    <img id='mty' style="width: 500px;height: 600px;"
         src="https://cdn.pastemagazine.com/www/articles/morty%20main.jpg">
</div>

更改图像

剧本-

<script type="text/javascript">
    $('#paper').click(function () {
        $('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg');
    });
</script>

$（“#纸张”）。单击（函数（）{
$（'#mty'）.attr（'src'，'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg');
});

要记住的事情-

html呈现后的用户脚本或使用jquery就绪

改变形象
$（'#changeImage'）。在（'单击'，函数（）上）{
$（'#image'）.attr（'src'，'http://lorempixel.com/400/200');
});

改变形象
$（'#changeImage'）。在（'单击'，函数（）上）{
$（'#image'）.attr（'src'，'http://lorempixel.com/400/200');
});

在文档中添加您的单击事件。就绪$（document）.ready（函数（）{//add click listener here}）；试试这个脚本$（document）.ready（function（）{$（'#paper'）。单击（function（）{$（'#mty'）.attr（'src'，'）；}）；}）；id为paper的元素在哪里，用作单击？这种错误在Javascript中发生。很高兴你成功了。我花了这么长时间才在文档中找到你的点击事件。准备好了$（document）.ready（函数（）{//add click listener here}）；试试这个脚本$（document）.ready（function（）{$（'#paper'）。单击（function（）{$（'#mty'）.attr（'src'，'）；}）；}）；id为paper的元素在哪里，用作单击？这种错误在Javascript中发生。很高兴你来了。我花了这么长时间才找到的一种类型是带身份证的元素。您能不能也添加有问题的按钮标签？带id纸的元素在哪里。你能不能也加上有问题的按钮标签？你能解释一下OP（原始海报）做错了什么吗。除此之外，回答得不错。我喜欢您添加了运行代码片段的功能。谢谢，原始海报不发布详细代码。这就是为什么我要写细节。你能解释一下OP（原始海报）的错误吗。除此之外，回答得不错。我喜欢您添加了运行代码片段的功能。谢谢，原始海报不发布详细代码。这就是为什么我要写细节。