$('.magic').fadeIn()
$('#wow').slideDown()
$('div').animate()
$.ajax({ success: πŸŽ‰ })
Powering 0 million websites since 2006
Scroll to explore
↓

Write Less, Do Moreβ„’

The manifesto that changed web development forever

Vanilla JavaScript

// 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();
πŸ“ 25 lines of code

jQuery

// 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);
});
πŸ“ 10 lines of code

The jQuery Journey

From BarCamp NYC to world domination

2006

The Birth

John Resig releases jQuery at BarCamp NYC. The web development world would never be the same. "Write less, do more" becomes the rallying cry.

2007

jQuery UI

jQuery UI announced! Draggable, droppable, sortable, accordion, tabs - suddenly every site could have beautiful interactions.

2008

Microsoft & Nokia Adopt

Microsoft bundles jQuery with ASP.NET. Nokia adopts it for mobile development. jQuery goes mainstream!

2009

Sizzle Engine

The Sizzle selector engine is released. CSS selectors become blazing fast. Performance nerds rejoice!

2010

jQuery Mobile

jQuery Mobile announced. Touch-friendly web apps for everyone. The mobile web revolution begins.

2011

jQuery Foundation

The jQuery Foundation is formed. Open source governance becomes official. The community grows stronger.

2012

⭐ Peak jQuery ⭐

jQuery powers 55% of the top 10,000 websites. If you're building for the web, you're using jQuery. This is the golden age.

2013-2015

Plugin Paradise

The golden era of plugins. Lightbox, DataTables, Validation, Select2 - there's a plugin for EVERYTHING. Stack Overflow answers all start with "$("

2016+

The React Era

React rises, Vue emerges. "You don't need jQuery" articles flood Medium. But jQuery endures, quietly powering the web.

Today

Eternal Legend

Still on 77% of websites. WordPress uses it. Bootstrap uses it. Your bank uses it. jQuery is forever. πŸ’™

Revolutionary Features

What made jQuery so special

🎯 DOM Manipulation Playground

Box 1
Box #special
Box 3
$('.box').show()

🎬 Animation Station

Animate Me!

🌐 AJAX Wonderland

In 2006, this was MAGIC ✨

$.ajax({ url: '/api', success: callback })

πŸ”Œ Plugin Paradise

"There was a plugin for everything"

πŸ‘† Drag me! (jQuery UI)

I'm Draggable!

Live jQuery Playground

Try it yourself!

✨ Write jQuery Code
Output
Target Box
Circle
β˜…
Console

Plugin Hall of Fame

Legends of the jQuery ecosystem

πŸ–ΌοΈ

jQuery UI

β˜…β˜…β˜…β˜…β˜…

The official companion. Draggables, droppables, datepickers, and more.

πŸ“₯ 50M+ downloads
πŸ’‘

Lightbox

β˜…β˜…β˜…β˜…β˜…

Image galleries will never be the same. Click and zoom magic.

πŸ“₯ 30M+ downloads
πŸ“Š

DataTables

β˜…β˜…β˜…β˜…β˜…

Turn any HTML table into a sorting, filtering, paginating beast.

πŸ“₯ 40M+ downloads
βœ…

Validation

β˜…β˜…β˜…β˜…β˜†

Form validation made easy. Required fields, emails, custom rules.

πŸ“₯ 25M+ downloads
🎠

Slick Carousel

β˜…β˜…β˜…β˜…β˜…

The last carousel you'll ever need. Responsive, swipeable, perfect.

πŸ“₯ 35M+ downloads
πŸ”½

Select2

β˜…β˜…β˜…β˜…β˜…

Dropdown boxes, but beautiful. Search, tags, remote data.

πŸ“₯ 28M+ downloads

Nostalgia Corner

Remember when the web looked like this?

Under Construction 🚧 Under Construction 🚧
Best viewed at 1024 Γ— 768
You are visitor #
001337
β›” IE6 NOT SUPPORTED β›” Please upgrade to a modern browser
$ Made with jQuery

What Developers Said