Դելեգացում jQuery-ում

Եթե դուք ուսումնասիրել եք JavaScript, ապա արդեն հանդիպել եք իվենթների դելեգացման թեմային, որի միջոցով հնարավոր է, օրինակ, ազատվել նոր տարրերի համար իվենթներ կցելու խնդիրներից: Եկեք տեսնենք, թե ինչպես դա կգործի jQuery-ում:

Վերցնենք հետևյալ HTML կոդը:

html<ul>
  <li>տեքստ</li>
  <li>տեքստ</li>
  <li>տեքստ</li>
</ul>

CSS-ը դրա համար այսպիսի տեսք ունի.

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

Եկեք այժմ, օգտագործելով on մեթոդը, կկցենք click մեթոդը ոչ թե ցանկի li կետին, ինչպես անում էինք նախորդ դասերում, այլ հենց ցանկի ul վրա: Նաև կփոխանցենք երկրորդ (ոչ պարտադիր) պարամետրով 'li' որպես ժառանգների ընտրիչ: Տեսնենք, թե ինչ ստացվեց.

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