Делегирање во jQuery

Ако сте учеле JavaScript, тогаш веќе сте се сретнале со темата делегирање на настани, со која може, на пример, да се ослободите од проблеми при додавање на настани за нови елементи. Ајде да погледнеме, како тоа ќе изгледа во jQuery.

Да го земеме следниот HTML код:

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

CSS за него изгледа вака:

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

Ајде сега, со помош на методот on, да го поврземе методот click не на точката од листата li, како што правевме во претходните лекции, туку на самата листа ul. Исто така, ќе пренесеме втор (незадолжителен) параметар 'li' како селектор за потомци. Ајде да видиме што добивме:

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

Даден е ul, во него неколку li. Под ul направете копче, при клик на кое во крајот на ul ќе се додава нов li со текст 'точка'. Направете така што при клик на секој li, на неговиот крај ќе се додава '!'. Ова треба да работи и за ново додадените li. Задачата решете ја со помош на делегирање (односно настанот треба да биде додаден на ul).

Дадена е табела со корисници со две колони: име и презиме. Под табелата направете форма, со помош на која ќе може да се додаде нов корисник во табелата. Направете така што при клик на која било ќелија ќе се појави prompt, со помош на кој може да се промени текстот во ќелијата. Задачата решете ја со помош на делегирање (односно настанот треба да биде додаден на table).