चौड़ाई और ऊंचाई समायोजित करने के लिए jQuery का उपयोग करते समय घुंघराले ब्रैकेट की आवश्यकता क्यों है?

Question

ऑब्जेक्ट चौड़ाई और ऊंचाई को दोगुना करने के लिए निम्न कोड ठीक काम करता है। मैं समझ नहीं पा रहा हूं क्यों घुंघराले ब्रैकेट की जरूरत है।

var target = $('#target'); 
target.css({ 
    width: target.width() * 2, 
    height: target.height() * 2 
}); 

Answer 1

मुझे लगता है कि आप इस

var target=$('#target'); 
target.css("width",target.width()*2); 
target.css("height",target.height()*2); 

Answer 2

घुंघराले ब्रेसिज़ {} कई CSS गुणों को सेट करने की जरूरत है का उपयोग करने के लिए है। यहां आप width और height सेट करने का प्रयास कर रहे हैं।

बस check here इस बारे में अधिक जानकारी के लिए और यहाँ एक अधिकारी jquery api reference है।

Answer 3

घुंघराले ब्रैकेट की आवश्यकता है क्योंकि आप jQuery .css फ़ंक्शन के पैरामीटर के रूप में एक ऑब्जेक्ट शाब्दिक पास कर रहे हैं। documentation के अनुसार आप इस तरह इसका इस्तेमाल कर सकते हैं:

.css (गुण)
गुण
प्रकार: PlainObject
संपत्ति और मान के जोड़े सेट करने के लिए की एक वस्तु।

तो width और height दो अलग-अलग पैरामीटर नहीं हैं। वे एक ही वस्तु के दो अलग-अलग गुण हैं, जहां संपत्ति का नाम बदलना शैली है और संपत्ति मूल्य को बदलने के लिए मूल्य मानती है।

Mozilla वस्तु शाब्दिक के बारे में कहने के लिए निम्न है:

एक वस्तु शाब्दिक संपत्ति के नाम और एक वस्तु की संबद्ध मानों के शून्य या अधिक जोड़ों की सूची, घुंघराले ब्रेसिज़ में संलग्न है ({})।

किसी कारण से आप वस्तु शाब्दिक का उपयोग कर से बचने के लिए चाहते हैं, आप इसे इस तरह कर सकते हैं:

target.css("width", target.width()*2); 
target.css("height", target.height()*2); 

या इस:

target.width(target.width()*2); 
target.height(target.height()*2);