jquery चयनकर्ता के बाद ब्रैकेट और कोष्ठक क्या मतलब है?

Question

मैं कोड की इस पंक्ति में पड़ गए और मैं समझ नहीं इसका क्या मतलब:

$("#theAppContainer")[s > u ? "addClass" : "removeClass"]("something"); 

मैं समझता हूँ कि पहले भाग तत्व theAppContainer और दूसरे भाग बुलाया चुन रही है, का मूल्यांकन करता है करने के लिए "addClass" अगर s> आप, लेकिन मैं यह नहीं समझ सकता कि कोड की यह पंक्ति कुल मिलाकर क्या करती है।

Answer 1

The bracket syntax gets the value of a property by name कर रहे हैं, और कोष्ठक समारोह है कि संपत्ति का मूल्य है कि कहते हैं। यह इसके बराबर है:

var container = $('#theAppContainer'); 

if(s > u) { 
    container.addClass('something'); 
} else { 
    container.removeClass('something'); 
} 

इसके अलावा, कृपया इस तरह कोड कभी न लिखें।

$('#theAppContainer').toggleClass('something', s > u); 

Answer 2

$("#theAppContainer") एक jquery वस्तु देता है।

jqueryObject["addClass"] साथ jqueryObject.addClass

तो, jqueryObject["addClass"] रिटर्न jQuery वस्तु पर addClass विधि का पर्याय है।

फिर आप पैरामीटर को पास करने और निष्पादित करने के लिए ("something") का उपयोग करते हैं।

तो आप अनिवार्य रूप से

var myJqueryObject = $("#theAppContainer"); 
if(s > u) { 
    myJqueryObject.addClass("something"); 
} 
else { 
    myJqueryObject.removeClass("something"); 
} 

Answer 3

स्क्वायर ब्रैकेट अंकन: =)

इसके अलावा भी, toggleClass एक दूसरे switch तर्क यह है कि आप के बजाय का उपयोग कर सकते लेता है।

$('#element')['hide'](700)

डॉट अंकन:

$('#element').hide(700)

दूसरी बात (?:)ternary operator

कि एक बूलियन मान लौट रहा एक बयान तुलना करता है कहा जाता है,
कहाँ s>u एक बयान है, और परिणाम के आधार पर मानों उपयोग किया जाता है:

STATEMENT ? IF TRUE USE THIS : IF FALSE USE THAT ;

अगर s > u उपयोग 'addClass' अन्य 'removeClass'
का अर्थ है कि आपको $("#theAppContainer")["addClass"]("something"); मिलेगा यदि s > u और $("#theAppContainer")["removeClass"]("something"); यदि s===u || s<u
जिसमें डॉट अंकन में अनुवाद किया जा सकता:

$("#theAppContainer").addClass("something"); 

या

$("#theAppContainer").removeClass("something"); 

यह आपको लगता है कि विशेष मामले में toggleClass() विधि का उपयोग कर सकते हैं कारण, यह करने के लिए सबसे अच्छा तरीका नहीं है, लेकिन किसी भी जिस तरह से यह जानना अच्छा है।
और यह सच नहीं है कि आपको ब्रैकेट नोटेशन का उपयोग नहीं करना चाहिए। उन्नत जेएस में आप सभी लाभ देखेंगे।