Ανάθεση στο 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 φτιάξτε ένα κουμπί, upon pressing το οποίο στο τέλος του ul θα προστίθεται ένα νέο li με κείμενο 'στοιχείο'. Κάντε έτσι ώστε upon clicking σε κάθε li, στο τέλος του να προστίθεται '!'. Αυτό θα πρέπει να λειτουργεί και για τα νέα προστιθέμενα li. Η άσκηση να λυθεί με τη βοήθεια ανάθεσης (δηλαδή το γεγονός θα πρέπει να είναι προσαρτημένο στο ul).

Δίνεται ένας πίνακας με χρήστες με δύο στήλες: όνομα και επίθετο. Κάτω από τον πίνακα φτιάξτε μια φόρμα, με τη βοήθεια της οποίας θα μπορείτε να προσθέσετε έναν νέο χρήστη στον πίνακα. Κάντε έτσι ώστε upon clicking σε οποιοδήποτε κελί να εμφανίζεται ένα prompt, με τη βοήθεια του οποίου μπορείτε να αλλάξετε το κείμενο του κελιού. Η άσκηση να λυθεί με τη βοήθεια ανάθεσης (δηλαδή το γεγονός θα πρέπει να είναι προσαρτημένο στον table).