在前端开发中，我们经常需要动态地添加或者修改页面上的元素。其中，图片是一个非常重要的元素。如果你使用 jQuery 进行开发，那么创建一个新的 img 标签并设置其 src 属性可以像下面这样实现：
var img = $('<img>').attr('src', 'image.jpg');不过，如果你想从 JavaScript 对象中获取图片的 URL 和 alt 等属性，该怎么做呢？下面，我将介绍如何创建一个新的 jQuery img 标签，并从 JavaScript 对象中获取其 src 和 alt 属性。
步骤一：创建一个空的 img 标签
首先，我们需要创建一个空的 img 标签。代码如下：
var img = $('<img>');步骤二：设置 img 标签的 src 和 alt 属性
接下来，我们需要从 JavaScript 对象中获取图片的 URL 和 alt 等属性，并将其设置到 img 标签上。假设我们有以下的 JavaScript 对象：
var image = {
src: 'image.jpg',
alt: 'My Image'
};那么，我们可以通过下面的代码来设置 img 标签的 src 和 alt 属性：
img.attr({
src: image.src,
alt: image.alt
});步骤三：将 img 标签添加到 DOM 中
最后，我们需要将这个新创建的 img 标签添加到页面中，这可以使用 jQuery 的 append 方法实现。例如，如果你想将它添加到一个具有 id 为 "container" 的 div 元素中，可以这样写：
$('#container').append(img);完整代码示例
下面是完整的代码示例：
-- -------------------- ---- ------- --- ----- - - ---- ------------ ---- --- ------ -- --- --- - ----------- ---------- ---- ---------- ---- --------- --- ----------------------------
这段代码将创建一个新的 img 标签，并设置其 src 和 alt 属性，最后将其添加到 id 为 "container" 的 div 元素中。
总结
以上就是如何创建一个新的 jQuery img 标签，并从 JavaScript 对象中获取其 src 和 alt 属性的详细步骤。希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12244