Делегатсия дар jQuery

Агар шумо JavaScript-ро омӯхта бошед, пас аллакай бо мавзӯи делегатсияи рӯйдодҳо рӯ ба рӯ шудаед, ки ба воситаи он метавон, масалан, аз мушкилоти насби рӯйдодҳо барои унсурҳои нав халос шуд. Биёед бинем, ки ин барои jQuery чӣ гуна хоҳад буд.

HTML-коди зеринро гирем:

<ul>
	<li>матн</li>
	<li>матн</li>
	<li>матн</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 насб шуда бошад).