jQuery да делегация

Агар Сиз JavaScript ўрганган бўлсангиз, сиз аллақачон воқеа делегацияси мавзусига тўқрилгансиз, унинг ёрдамида масалан, янги элементлар учун воқеаларни боглашдаги muаммолардан халос бўлиш мумкин. Келинг, бунинг 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 га богланган бўлиши керак).