Дэлегаванне ў 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('!');
});