如何使用JQuery创建一个新的img标记,以及来自JavaScript对象的src和id？

Question

我从基本的意义上理解JQuery,但我肯定是新手,并怀疑这很容易.

我在JSON响应(转换为对象)中得到了我的图像src和id,因此在responseObject.imgurl和responseObject.imgid中得到了正确的值,现在我想用它创建一个图像并将其附加到一个div(让我们称之为<div id="imagediv">.我有点坚持动态构建<img src="dynamic" id="dynamic">- 我见过的大多数例子涉及替换现有图像上的src,但我没有现有的图像.

Answer 1

在jQuery中,可以通过将HTML字符串传递给构造函数来创建新元素,如下所示:

var img = $('<img id="dynamic">'); //Equivalent: $(document.createElement('img'))
img.attr('src', responseObject.imgurl);
img.appendTo('#imagediv');

Answer 2

var img = $('<img />', { 
  id: 'Myid',
  src: 'MySrc.gif',
  alt: 'MyAlt'
});
img.appendTo($('#YourDiv'));

Answer 3

.attr通过将属性传递给jQuery构造函数来完全避免一些字节:

var img = $('<img />',
             { id: 'Myid',
               src: 'MySrc.gif', 
               width: 300
             })
              .appendTo($('#YourDiv'));