Delegação de eventos em jQuery, como fazer isso?
Em JavaScript, costumava usar a delegação de eventos assim:
someDiv.addEventListener('click', function(evt){
if(evt.target.id == "#someChild"){
// Do something..
} else if(evt.target.id == "#anotherChild"){
// Do something else..
}
}, false);
Qual é o equivalente disso em jQuery? Eu sei sobre.on()
mas como usá-lo na delegação de eventos? Quero dizer, é assim que é feito:
someDiv.on('click, '#someChild, #anotherChild", function(evt){
if($(this).is("#someChild")){
// Do something..
} else if($(this).is("#anotherChild")){
// Do something else ..
}
});
Mas não seria o mesmo que no JavaScript vanilla? Eu quero saber se há uma maneira melhor de conseguir isso. E se esta é a única maneira, qual é o benefício da jQuery sobre JS one?