Làm thế nào để tạo một thẻ img mới với JQuery, với src và id từ một đối tượng JavaScript?

Tôi hiểu JQuery theo nghĩa cơ bản nhưng chắc chắn là chưa quen với nó và nghi ngờ điều này rất dễ dàng.

Tôi đã có src và id hình ảnh của mình trong một phản hồi JSON (được chuyển đổi thành một đối tượng) và do đó các giá trị chính xác trong responseObject.imgurl và responseObject.imgid, và bây giờ tôi muốn tạo một hình ảnh với nó và nối nó vào một div (hãy gọi nó <div id="imagediv">. Tôi hơi mắc kẹt trong việc xây dựng động <img src="dynamic" id="dynamic">- hầu hết các ví dụ tôi đã thấy liên quan đến việc thay thế src trên một hình ảnh hiện có, nhưng tôi không có một hình ảnh hiện có.

Trong jQuery, một phần tử mới có thể được tạo bằng cách chuyển một chuỗi HTML tới hàm tạo, như được hiển thị bên dưới:

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'));

Bạn tiết kiệm một số byte bằng cách tránh .attrhoàn toàn bằng cách chuyển các thuộc tính cho hàm tạo jQuery :

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

Đối với những người cần tính năng tương tự trong IE 8, đây là cách tôi giải quyết vấn đề:

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

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

Tôi không thể buộc IE8 sử dụng đối tượng trong hàm tạo.