jQuery vs. JavaScript

jquery = $

jquery.load('text.html') is the same as $.load('text.html')

Selecting an element by id

Javascript:

document.getElementById('#jumbo')

jQuery:

$('#jumbo')

Hiding an element

Javascript:

document.getElementById('#load').style.display = 'none';

jQuery:

$('#load').hide();

Inserting HTML

Javascript:

var text = "hello there!"
document.getElementById('#page').innerHTML = text;

jQuery:

var text = "hello there!"
$('#page').html(text);

Loops

Javascript:

for (i = 0, i < items.length, i++) {};

jQuery:

$.each(array, function(i, item)){};

Making an AJAX request

Javascript:

xhr = new XMLHttpRequest ();
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
        document.getElementById('#ajax').innerHTML = xhr.responseText;
        }
    }
};
xhr.open('GET','sidebar.html');
xhr.send();

jQuery:

$('#ajax').load('sidebar.html');