jQuery के साथ DOM तत्व बनाना

अपने जावास्क्रिप्ट कोड को बढ़ाने की आपकी इच्छा में, आप DOM हेरफेर को सरल बनाने के लिए jQuery की कार्यक्षमता का लाभ उठाने के बारे में उत्सुक हैं .

jQuery DOM तत्वों को बनाने के लिए वैकल्पिक तरीके प्रदान करता है, जैसा कि आपने देखा है $.create("div"). हालाँकि, यह दृष्टिकोण jQuery के कोर एपीआई का हिस्सा नहीं है और हमेशा विश्वसनीय नहीं हो सकता है।

अधिक कुशल और मानकीकृत समाधान के लिए, निम्नलिखित पर विचार करें:

this.$OuterDiv = $('<div></div>')
    .hide()
    .append($('<table></table>')
        .attr({ cellSpacing : 0 })
        .addClass("text")
    )
;

यह संक्षिप्त कोड आपके मूल जावास्क्रिप्ट के समान कार्य करता है:

• $('
  ) का उपयोग करके एक
  तत्व बनाना।
• इसे .hide() के साथ छुपाया जा रहा है।
• एक तत्व को इसके साथ जोड़ा जा रहा है $.append(), इसके गुणों को सेट करना और एक वर्ग जोड़ना।

  बेंचमार्किंग परिणाम

  विभिन्न तत्व निर्माण विधियों के प्रदर्शन के संबंध में, एक बेंचमार्क से पता चला कि document.createElement सबसे तेज़ है। हालाँकि, jQuery के आधुनिक संस्करणों में विधियों के बीच समय का अंतर न्यूनतम है (उदाहरण के लिए, प्रति हजार तत्वों पर 3 मिलीसेकंड)।

  jQuery 1.7.2 के लिए अपडेट किया गया

  बेंचमार्क को jQuery 1.7.2 के साथ अद्यतन किया गया है और आगे की खोज और क्राउडसोर्स के लिए http://jsben.ch/#/ARUTz पर उपलब्ध है परिणाम।