jQuery ऑब्जेक्ट अपरिवर्तनीय हैं?

Question

यहां jQuery पर एक नया नोब हैलो और मैं सोच रहा था कि jQuery ऑब्जेक्ट्स अपरिवर्तनीय हैं या नहीं। उदाहरण के लिए:

var obj1 = $("<tag></tag>"); 
var obj2 = obj1.append("something"); 

obj1 करेंगे और हो obj2 एक ही अर्थ obj2 obj1 संदर्भ लेंगे?

अद्यतन:

खरोंच के ऊपर के उदाहरण तरह मैं क्या जानना चाहते हैं की सतह, एक और अधिक सटीक सवाल यह है: अगर मैं jQuery एपीआई से समारोह श्रृंखला वे एक ही वस्तु या एक नया वापस आ जाएगी (जावा में तार के साथ मामले के रूप में)?

Answer 1

http://jsfiddle.net/rLg9S/

दोनों वस्तु इतनी ही तत्व लौट हाँ।

Answer 2

हां, यह obj2obj1 का संदर्भ देगा। यह मूल रूप से क्या करता है append जो भी obj1 को दिया गया है और संदर्भ देता है।

आप console पर देखकर कि obj1 और obj2 पाठ "something"

console.log(obj1); 
console.log(obj2); 

Answer 3

दोनों obj1 और obj2 होने, <tag></tag> तत्व से युक्त jQuery ऑब्जेक्ट के संदर्भ हो जाएगा हाँ कोशिश कर सकते हैं।

आप दूसरा तत्व के लिए एक संदर्भ रखना चाहते हैं, तो आप .appendTo() बजाय इस्तेमाल कर सकते हैं:

var obj1 = $("<p>foo</p>"), 
    obj2 = $("<span>bar</span>").appendTo(obj1); 

Answer 4

मान लिया जाये कि मैं समझ लिया है अपने प्रश्न, हाँ, obj2 वस्तु obj1 में संग्रहीत करने के लिए एक संदर्भ होगा । आप obj2 के लिए कुछ करते हैं:

obj2.attr("id", "example"); 

आप obj1 में परिवर्तन देखेंगे:

console.log(obj1 == obj2) //true 

Answer 5

आप:

console.log(obj1) //Will show <tag id="example">something</tag> 

आप समानता के लिए दो वस्तुओं के परीक्षण से आगे इस बात की पुष्टि कर सकते हैं यदि आपको ऑब्जेक्ट की प्रतिलिपि की आवश्यकता है तो $.clone() का उपयोग कर सकते हैं।

var obj2 = obj1.clone().append("something"); 

Answer 6

var obj1 = $("<p></p>"); 
var obj2 = obj1.append("something"); // in this is you just assign the `obj1` object to `obj2` 

की तरह:

var x = 5; 
var y = x; //here, both x and y are 5 

तो, obj1 और obj2 एक ही बात का उल्लेख होगा

सबूत:

console.log(obj1 === obj2); 

Answer 7

तो एक समारोह परिवर्तन जो तत्व हैं एक चयन में, फिर हां, एक नई वस्तु बनाई जाएगी।

उदाहरण के लिए:

var link = $('#myLink'), 
    span = link.find('span'); 

linkspan के लिए एक अलग वस्तु है। हालांकि, मूल वस्तु वास्तव में खो नहीं है। आप end विधि के साथ बहुत आसानी से वापस जा सकते हैं, जो मूल रूप से एक हेरफेर ऑपरेशन वापस रोल करता है।

$('#myLink') 
    .find('span') // get the span elements 
     .css('color', '#fff') // modify them 
    .end() // go back to the original selection 
    .css('font-size', '24px'); // modify that 

तो अगर आप श्रृंखलित चयन कॉल की एक बहुत बड़ी संख्या है कि end का उपयोग नहीं किया था, तो आप एक बहुत बड़ी वस्तु लग सकती है (क्योंकि उस उद्देश्य यह है कि बनाया संदर्भित वस्तुओं की एक श्रृंखला होगी उन्हें)। हालांकि, यह अविश्वसनीय रूप से अजीब डिजाइन होगा, इसलिए, ऐसा नहीं है कि आप ऐसा कर रहे हैं, जबकि जावास्क्रिप्ट के कचरे के संग्रह का मतलब आम तौर पर होना चाहिए कि जिन वस्तुओं के साथ आप समाप्त कर चुके हैं वे स्मृति में चारों ओर लटका नहीं देते हैं।