El javascript es todo lo anterior. El click está en el document.ready y la función no:
Cita: $(document).ready(function(){
$('#boton-operario').click(function() {
detallar();
});
});
function detallar() {
$('#tabla-operarios').append('<p><span class="nom-op">DC</span><span class="horas-op">10 horas</span></p>');
}