JQuery - A melhor maneira de conectar objetos da GUI a eventos?

Desde que o JQuery surgiu há alguns anos, eu o uso em todos os meus scripts do lado do cliente. Inicialmente, usei a sintaxe '$ () para pegar e manipular objetos. Para mim, esse é o paradigma' old skool 'de ligar explicitamente os eventos do botão às funções:

<button onClick='myFunction(this);' ...  />

com uma função relacionada:

function myFunction(obj){
    alert('this is how old-timers like me do it!')
}

Alguns de meus colegas preferem anexar scripts a eventos no JQuery:

$(document).ready(
    $("#myButton").click(
        function(event){
            alert('this is the newer JQuery way of doing things');
        }
    );
);

Inicialmente, achei difícil a leitura da sintaxe do JQuery, excessivamente intrigante, com sua dependência de funções anônimas etc., mas meus olhos e cérebro se ajustaram, então estou feliz com as duas formas agora. Gostaria, no entanto, que a nossa codeshop fosse consistente. Alguém tem alguma opinião sobre qual abordagem é 'melhor'?