jQuery vs native

gistfile1.js

//ajax
$.ajax({
    url: '/endpoint'
}).done(function(data){
    // do something awesome
}).fail(function(xhr){
    // sad little dance
});

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
    var completed = 4;
    if(xhr.readyState === completed){
        if(xhr.status === 200){
            // do something with xhr.responseText
        }else{
            // handle the error
        }
    }
};
xhr.open('GET', '/endpoint', true);
xhr.send(null);
//end ajax

//events
$('button').on('click', function(){
    //do stuff
});

var element = document.getElementsByTagName("button");
if (element.addEventListener){ //removeEventListener
    element.addEventListener(type, handler, false);
}else if (element.attachEvent){ //detacheEvent
    element.attachEvent('on' + type, handler); 
}else{
    //what kind of browser are you then?
}