JavaScript nesnesinden src ve id ile JQuery ile yeni bir img etiketi nasıl oluşturulur?

JQuery'yi temel anlamda anlıyorum ama kesinlikle yeniyim ve bunun çok kolay olduğundan şüpheleniyorum.

Görüntü src ve kimliğimi bir JSON yanıtında (bir nesneye dönüştürülmüş) aldım ve bu nedenle responseObject.imgurl ve responseObject.imgid içindeki doğru değerleri aldım ve şimdi bununla bir görüntü oluşturup eklemek istiyorum a div (hadi <div id="imagediv">diyelim. Dinamik olarak oluşturmaya biraz takılı <img src="dynamic" id="dynamic">kaldım - gördüğüm örneklerin çoğu src'yi mevcut bir resim üzerinde değiştirmeyi içeriyor, ancak mevcut bir resmim yok.

JQuery'de, aşağıda gösterildiği gibi yapıcıya bir HTML dizesi iletilerek yeni bir öğe oluşturulabilir:

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

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

.attrÖzellikleri jQuery yapıcısına ileterek tamamen kaçınarak bazı baytlardan tasarruf edersiniz :

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

IE 8'de aynı özelliğe ihtiyaç duyanlar için sorunu şu şekilde çözdüm:

  var myImage = $('<img/>');

               myImage.attr('width', 300);
               myImage.attr('height', 300);
               myImage.attr('class', "groupMediaPhoto");
               myImage.attr('src', photoUrl);

IE8'i yapıcıda nesne kullanmaya zorlayamadım.