如何使用JQuery创build新的img标签，使用JavaScript对象的src和id？

我理解JQuery的基本意义，但绝对是新的，并怀疑这很容易。

我有我的图像src和id在一个JSON响应（转换为一个对象），因此正确的值在responseObject.imgurl和responseObject.imgid，现在我想创build一个图像，并将其追加到一个div（让我们称之为<div id="imagediv"> 。我有点卡住dynamic构build<img src="dynamic" id="dynamic"> – 我见过的大多数例子都涉及replacesrc在现有的图像，但我没有一个现有的形象。

Answer 1

在jQuery中，可以通过将HTMLstring传递给构造函数来创build一个新元素，如下所示：

 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

通过将属性传递给jQuery构造函数，您可以避免使用.attr来节省一些字节：

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

Answer 4

对于那些在IE 8中需要相同function的人，这就是我解决问题的方法：

  var myImage = $('<img/>'); myImage.attr('width', 300); myImage.attr('height', 300); myImage.attr('class', "groupMediaPhoto"); myImage.attr('src', photoUrl); 

我不能强制IE8在构造函数中使用对象。