Javascript 正在尝试使用jQuery.load方法添加图像

我正在尝试使用jQuery.load方法加载一个名为“mole”的图像，但是我不确定这是正确的方法还是语法错误。非常感谢您的反馈

<script>
    $(document).ready( function() {
    $('#mole').load(<img id="mole" src="img/mole.jpg" />);
    });                                                                                             

</script>

load是AJAX GET的缩写，它会立即附加到目标元素。你所要做的就是给鼹鼠添加一个图像。这里不需要AJAX

$('<img id="mole" src="img/mole.jpg" />').appendTo('#mole');

.装载

从服务器加载数据，并将返回的HTML放入匹配的元素中

资料来源：

我认为一个简单的附加更适合您的目的

$("#mole").append('<img id="mole" src="img/mole.jpg" />');

注

看起来页面上已经有了mole元素，不应该插入具有相同ID的新元素。ID属性应该是唯一的

.load适用于从服务器异步加载HTML，并将其插入到匹配的元素中。虽然您可以使用这种方法，但使用.append或.html似乎更适合这种情况

$('#mole').append('<img id="mole" src="img/mole.jpg" />')

或

请注意，使用.html将替换mole中的所有html，而.append将简单地附加到其中已有内容的末尾

$('#mole').html('<img id="mole" src="img/mole.jpg" />')