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');