Método universal on en jQuery

Para vincular eventos, también puedes usar el método universal on. El primer parámetro que acepta es el nombre del evento (por ejemplo, 'click'), y el segundo - la función que debe ser vinculada.

Consideremos un ejemplo con el siguiente código HTML:

<ul>
	<li>texto</li>
	<li>texto</li>
	<li>texto</li>
</ul>

El CSS se ve así:

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

Ahora reescribamos el código para li, que escribimos anteriormente a través del método on. Para verificar el funcionamiento, haga clic en los elementos de la lista:

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

Puedes vincular una misma función a varios tipos de eventos simultáneamente - para hacer esto, enuméralos separados por espacios: 'click mousemove etc.'. Por ejemplo, así:

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

Vincule a todos los enlaces el evento - al pasar el cursor sobre un enlace, se añade su href entre paréntesis al final de su texto.

Vincule a todos los inputs el evento - al perder el foco, cada input debe mostrar su value en el párrafo con id=#test.