$ .add और $ के बीच क्या अंतर है। JQuery

Question

मैं सोच रहा था और $ .add और $ .append के बीच क्या अंतर है, जब किसी भी तत्व को कंटेनर में जोड़ने या जोड़ने के लिए कोई अच्छा दस्तावेज नहीं मिल सका। ।

अग्रिम धन्यवाद

Answer 1

डीओएम तत्वों के एक सेट का प्रतिनिधित्व करने वाली एक jQuery ऑब्जेक्ट को देखते हुए, .add() विधि उन तत्वों के संघ से और एक विधि में पारित की गई एक नई jQuery ऑब्जेक्ट बनाती है। लेकिन यह तत्व को DOM में सम्मिलित नहीं करता है, यानी .add() का उपयोग करके तत्व को डीओएम में जोड़ा जाएगा, लेकिन इसे पृष्ठ में देखने के लिए आपको इसे insertion/append विधि का उपयोग करके पृष्ठ में डालना होगा।

Answer 2

जोड़े बस jQuery वस्तु के लिए तत्व है, यह डोम

संलग्न में नहीं जोड़ता है कहते हैं बच्चे के रूप में डोम में तत्व को जोड़ता है।

Answer 3

वे सभी संबंधित नहीं हैं।

.add()

मिलान किया तत्वों के सेट करने के लिए तत्वों जोड़ें।

उदा।

आप क्या करना चाहते हैं, तो

$('div').css('color':'red'); 
$('div').css('background-color':'yellow'); 
$('p').css('color':'red'); 

उसके बाद, आप कर सकते हैं,

$('div').css('background-color':'yellow').add('p').css('color':'red'); 

Reference

.append()

सम्मिलित सामग्री, निर्दिष्ट पैरामीटर द्वारा, मिलान तत्वों के सेट में प्रत्येक तत्व के अंत तक।

$('div').append('p'); 

सभी चयनित div डोम में पर p चयनित संलग्न कर देगा।

Reference

Answer 4

.add()

for example: 
<ul> 
    <li>list item 1</li> 
    <li>list item 2</li> 
    <li>list item 3</li> 
</ul> 
<p>a random paragraph</p> 

<li> तत्वों और लाल को <p> तत्व का रंग बदलने के लिए, आप लिख सकते हैं:

$("li").css("background-color", "green"); 
$("p").css("background-color", "green"); 

या उपरोक्त का उपयोग करके condensing। ऐड()

$("li").add("p").css("background-color", "green"); 

।संलग्न करें()

डीओएम में जोड़ने के लिए एक नया तत्व बनाएं और मौजूदा निर्दिष्ट तत्व में बच्चे के रूप में दिखाई देगा।

<div>one</div> 
<div>two</div> 

<ol> 
    <li>item1</li> 
    <li>item2</li> 
</ol> 

$("div").append('<p>'); 

परिणाम देगा में:

<div>one</div> 
<p></p> 
<div>two</div> 
<p></p> 

<ol> 
    <li>item1</li> 
    <p></p> 
    <li>item2</li> 
    <p></p> 
</ol>