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:

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

O CSS fica assim:

cssli {
  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:

javascript$('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:

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