Método Universal on no jQuery

Para vincular eventos, você também pode usar o método universal on. Seu primeiro parâmetro é o nome do evento (por exemplo, 'click'), e o segundo é a função que deve ser vinculada.

Vamos considerar um exemplo com o seguinte código HTML:

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

O CSS fica assim:

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

Agora vamos reescrever o código para li que escrevemos anteriormente usando o método on. Para verificar o funcionamento, clique nos itens da lista:

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

É possível vincular uma única função a vários tipos de eventos simultaneamente - para isso, eles devem ser listados separados por espaço: 'click mousemove etc.'. Por exemplo, assim:

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

Vincule um evento a todos os links - ao passar o mouse sobre um link, seu href deve ser adicionado entre parênteses ao final de seu texto.

Vincule um evento a todas as entradas (inputs) - ao perder o foco, cada entrada deve exibir seu value em um parágrafo com id=#test.