jQuery 1.7 introduces on and off for event handling, deprecates bind, delegate, and live, and improves delegated event performance.

Programmatically activating a hyperlink can trigger navigation or attached handlers when a user action is unavailable. element.click() performs the same click action on a DOM link.

The difference between .bind(), .live(), and .delegate() is not always apparent. Having a clear understanding of all the differences, though, will help us write more concise code and prevent bugs from popping up in our interactive applications.

With this plugin, you can create a scalable tooltip by just using a single background image for the tooltip body.

JavaScript async code often becomes hard to read and error-prone; promises and async/await flatten control flow, model failures, and avoid callback nesting.

Interactive visualization of hierarchical data in bubble trees, built on jQuery and RaphaelJS, for exploring spending and other nested datasets.

Colorbox overlay opacity set in the initializer can be overridden by an inline style, leaving the backdrop too opaque. A CSS !important rule on #cboxOverlay restores the intended transparency.

animate is chainable, so it does not return a completion handle. promise() provides a way to run code after the animation finishes.

jQuery plugin to register callback functions to keyboard shortkuts. Keyboard events in vanilla Javascripts are super-painful to work with, so hopefully this library can help.

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.

Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It's the tie to go along with jQuery's tux.

Rails hashes can be turned into URL query strings with Hash#to_query; browser-side nested objects can be serialized with jQuery $.param.

Determining whether an element is truly visible in the browser can differ across JavaScript libraries; jQuery and Prototype use different visibility rules.

There is a problem with AJAX response handling for Rails 3 remote links and forms in Internet Explorer. This problem affects applications still using jQuery 1.4.2.

The timepicker addon adds a timepicker to jQuery UI Datepicker, thus the datepicker (jQueryUI) is required for using any of these. In addition all datepicker options are still available through the timepicker addon.

A jQuery plugin that sets a div or span to show a countdown to a given time

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

A responsive jQuery audio player plugin with touch-friendly controls and a CSS-only interface. No images are used in the UI.

jQuery plugin that creates a realistic page-flip transition for HTML5 content, suitable for book- or magazine-style browsing in modern browsers.

jQuery plugin for dynamically adding and removing ActiveRecord nested records in forms, simplifying repeated input for parent-child data.

jQuery plugin for detecting cursor intent over dropdown menus, useful for responsive mega menus that open only when users aim at specific items.

Tradeoffs between progressive enhancement with jQuery-style approaches and client-side views affect interactivity, complexity, and how much rendering stays on the server.

jQuery plugin for matching element heights or widths to create uniform layouts in grids, cards, and columns.

Use Tab and Shift+Tab in regular textareas to indent or outdent code for in-browser editing of HTML, CSS, JavaScript, or server-side languages.