add विधि
add विधि दिए गए
तत्वों को मौजूदा तत्वों के सेट में जोड़ती है।
सिंटैक्स
सेलेक्टर द्वारा जोड़ना:
.add(सेलेक्टर);
जोड़े जाने वाले तत्व एक या अनेक (एरे के रूप में) DOM तत्वों द्वारा निर्दिष्ट किए जाते हैं:
.add(DOM तत्व);
जोड़े जाने वाले तत्व jQuery ऑब्जेक्ट द्वारा निर्दिष्ट किए जाते हैं:
.add(jQuery ऑब्जेक्ट);
जोड़े जाने वाले तत्व html टेक्स्ट द्वारा निर्दिष्ट किए जाते हैं:
.add(html टेक्स्ट);
जोड़े जाने वाले तत्व पेज पर दिए गए सेलेक्टर की सहायता से खोजे जाते हैं, उस क्षेत्र के अंदर जो दूसरे पैरामीटर द्वारा निर्दिष्ट किया गया है। खोज क्षेत्र एक DOM तत्व, jQuery ऑब्जेक्ट या डॉक्युमेंट ऑब्जेक्ट द्वारा निर्दिष्ट किया जा सकता है:
.add(सेलेक्टर, कॉन्टेक्स्ट);
उदाहरण
आइए सभी पैराग्राफ ढूंढें, उनके अंत में
टेक्स्ट '!' जोड़ें, फिर पाए गए पैराग्राफ में
हेडिंग h2
जोड़ें और एक साथ हेडिंग और पैराग्राफ के लिए
लाल रंग सेट करें:
<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>
$('p').append('!').add('h2').css('color', 'red');
उदाहरण
आइए खोज कॉन्टेक्स्ट को परिभाषित करें - केवल वे
h2 जोड़ें, जो #test एलिमेंट के
अंदर हैं:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
उदाहरण
JavaScript मेथड
querySelector की सहायता से
DOM एलिमेंट के रूप में खोज कॉन्टेक्स्ट बनाएं:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
उदाहरण
अक्सर कॉन्टेक्स्ट के बिना भी काम चलाया जा सकता है, बस एक अधिक जटिल सेलेक्टर बनाकर:
$('p').append('!').add('#test h2').css('color', 'red');
