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

Trying to add an image using jQuery .load method

本文关键字：方法 添加 图像 load jQuery      更新时间：2023-09-26

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

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

load是立即附加到目标元素的AJAX GET的简写。你所要做的就是添加一个图像到#mole。这里不需要AJAX。

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

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

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

或

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

请注意，使用.html()将替换#mole中的所有HTML，而.append()将简单地附加到已经存在的内容的末尾。

.load()

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

来源:jQuery API Documentation

我认为一个简单的append()更适合你的目的。 
$("#mole").append('<img id="mole" src="img/mole.jpg" />');

注意

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

小提琴

相关文章：