Qual a diferença entre o .on('click', function() {}) e o .click(function() {})?

A diferença entre o .on(“click”, function() { }) e o .click(function() { }) está na forma como são vinculados os eventos de clique em um elemento HTML usando jQuery.

O .click() é um atalho para o método .on(“click”, function() { }). Ele vincula um evento de clique a um elemento HTML específico e define a função a ser executada quando ocorrer esse evento. Por exemplo, suponha que você tenha um botão com um ID “meuBotao” e queira executar uma função quando esse botão for clicado. Usando .click(), você pode fazer assim:

$("#meuBotao").click(function() { // código a ser executado quando o botão for clicado });

Já o .on(“click”, function() { }) é um método mais genérico que permite vincular qualquer evento a um elemento HTML. Ele pode ser usado para vincular múltiplos eventos a um único elemento ou para vincular eventos a elementos dinamicamente criados. Aqui está um exemplo de como você pode usar o .on() para vincular um evento de clique ao mesmo botão do exemplo anterior:

$("#meuBotao").on(“click”, function() { // código a ser executado quando o botão for clicado });

Ambos os métodos são utilizados para atribuir uma função a ser executada quando um evento de clique ocorre em um elemento específico. A diferença é apenas na forma como o evento é vinculado ao elemento usando o jQuery.