jQuery से नया img टैग कैसे बनाएं जिसमें src और id JavaScript ऑब्जेक्ट से हों?

jQuery से डायनामिक इमेज एलिमेंट बनाना

JavaScript में नया <img> टैग बनाने के लिए, कंस्ट्रक्टर को HTML स्ट्रिंग पास करें:

विधि 1: चरणबद्ध

var myImg = $('<img id="dynamic">');
$(document.createElement(myImg));
myImg.attr('src', responseObject.imgurl);

विधि 2: ऑब्जेक्ट सिंटैक्स (अनुशंसित)

var myImg = $('<img />', {
  id: 'id1',
  src: 'exampleimg.png',
  alt: 'वैकल्पिक टेक्स्ट'
});

// DOM में जोड़ने के लिए
$('body').append(myImg);

व्याख्या

• $('<img />', { ... }) - jQuery एलिमेंट बनाता है और ऑब्जेक्ट में दिए गए विशेषताओं को सेट करता है।
• यह तरीका अधिक पठनीय और कुशल है।
• attr() के बजाय प्रॉपर्टीज सीधे सेट होती हैं।

वेनिला JavaScript विकल्प (आधुनिक)

const img = document.createElement('img');
img.id = 'id1';
img.src = 'exampleimg.png';
img.alt = 'वैकल्पिक टेक्स्ट';
document.body.appendChild(img);

नोट

आधुनिक प्रोजेक्ट्स में jQuery के बजाय वेनिला JS या फ्रेमवर्क (React, Vue) प्राथमिकता दें। jQuery अब अधिकांश नए प्रोजेक्ट्स के लिए आवश्यक नहीं है।