The manifesto that changed web development forever
// Select elements
var elements = document.querySelectorAll('.item');
for (var i = 0; i < elements.length; i++) {
elements[i].style.display = 'none';
}
// Add event listener
document.getElementById('btn').addEventListener('click',
function(e) {
e.preventDefault();
// do stuff
}
);
// AJAX request
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();
// Select and hide elements
$('.item').hide();
// Add event listener
$('#btn').on('click', function(e) {
e.preventDefault();
// do stuff
});
// AJAX request
$.get('/api/data', function(data) {
console.log(data);
});
From BarCamp NYC to world domination
The Birth
jQuery UI
Microsoft & Nokia Adopt
Sizzle Engine
jQuery Mobile
jQuery Foundation
β Peak jQuery β
Plugin Paradise
The React Era
Eternal Legend
What made jQuery so special
In 2006, this was MAGIC β¨
$.ajax({ url: '/api', success: callback })
"There was a plugin for everything"
π Drag me! (jQuery UI)
Try it yourself!
Legends of the jQuery ecosystem
The official companion. Draggables, droppables, datepickers, and more.
Image galleries will never be the same. Click and zoom magic.
Turn any HTML table into a sorting, filtering, paginating beast.
Form validation made easy. Required fields, emails, custom rules.
The last carousel you'll ever need. Responsive, swipeable, perfect.
Dropdown boxes, but beautiful. Search, tags, remote data.
Remember when the web looked like this?
"jQuery saved my sanity"β Every developer, 2008
"I can finally make things fade in and out!"β Junior dev discovering .fadeIn()
"There's a plugin for that."β Stack Overflow answer, 2010-2015
"Write less, do more is not just a slogan, it's a way of life"β John Resig, Creator of jQuery
"$() is the most beautiful API ever designed"β Anonymous front-end developer