Por exemplo quando quero fazer um evento no click do botão posso fazer de duas maneiras:
utilizando o atributo onclick do html5 <button type='button' onclick='myFunction()' id='btn0'>O</button>
ou pelo js :
$('#btn0').click(function(){
myFunction();
});
existem situações que ocorrem o uso das duas maneiras como por exemplo:
<form>
<input type="checkbox" id="myCheck" onmouseover="myFunction()" onclick="alert('click event occured')">
</form>
<script>
function myFunction() {
document.getElementById("myCheck").click();
}
</script>
É bom essa mesclagem? Qual a maneira certa na hora de desenvolver e porque?, qual a diferença de usar um ou outro? se possível quais as vantagens e desvantagens?