jQuery में डेलीगेशन

यदि आपने JavaScript पढ़ी है, तो आप पहले ही इवेंट डेलीगेशन के विषय से परिचित हो चुके हैं, जिसकी सहायता से उदाहरण के लिए, नए एलिमेंट्स के लिए इवेंट्स लगाने में होने वाली समस्याओं से छुटकारा पाया जा सकता है। आइए देखते हैं, jQuery के लिए यह कैसा दिखेगा।

निम्नलिखित HTML कोड लेते हैं:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

इसके लिए CSS ऐसा दिखता है:

cssli {
  width: 100px;
  cursor: pointer;
}

आइए अब, on मेथड की सहायता से, click मेथड को लिस्ट आइटम li से नहीं बल्कि लिस्ट ul से बांधें, जैसा कि हमने पिछले पाठों में किया था। साथ ही हम दूसरे (वैकल्पिक) पैरामीटर के रूप में 'li' को डिसेंडेंट्स के सिलेक्टर के रूप में पास करेंगे। आइए देखते हैं, क्या मिला:

javascript$('ul').on('click', 'li', function() {
  $(this).append('!');
});