JQuery Cheatsheet

Selects elements that have the specified attribute with a value either equal to a given string or starting with that string followed by a hyphen (-)

Selects elements that have the specified attribute with a value containing a given substring

Selects elements that have the specified attribute with a value containing a given word, delimited by spaces

Selects elements that have the specified attribute with a value ending exactly with a given string. The comparison is case sensitive

Selects elements that have the specified attribute with a value exactly equal to a certain value

Select elements that either don't have the specified attribute, or do have the specified attribute but not with a certain value

Selects elements that have the specified attribute with a value beginning exactly with a given string

Selects elements that have the specified attribute, with any value

Matches elements that match all of the specified attribute filters

Selects all button elements and elements of type button

Selects all elements of type checkbox

Matches all elements that are checked or selected

Selects all elements that are disabled

Selects all elements that are enabled

Selects element if it is currently focused

Selects all elements of type file

Selects all elements of type image

Selects all input, textarea, select and button elements

Selects all elements of type password

Selects all elements of type radio

Selects all elements of type reset

Selects all elements that are selected

Selects all elements of type submit

Selects all input elements of type text

Selects all elements

Selects all elements with the given class

Selects all elements with the given tag name

Selects a single element with the given id attribute

Selects the combined results of all the specified selectors

Selects all elements that are hidden

Selects all elements that are visible

Select all elements that are in the progress of an animation at the time the selector is run

Select the element at index n within the matched set

Selects even elements, zero-indexed

Selects the first matched DOM element

Select all elements at an index greater than index within the matched set

Selects all elements that are headers, like h1, h2, h3 and so on

Selects the last matched element

Select all elements at an index less than index within the matched set

Selects all elements that do not match the given selector

Selects odd elements, zero-indexed

Selects all elements that are the first child of their parent

Selects all elements that are the last child of their parent

Selects all elements that are the nth-child of their parent

Selects all elements that are the only child of their parent

Select all elements that contain the specified text

Select all elements that have no children (including text nodes)

Selects elements which contain at least one element that matches the specified selector

Select all elements that have at least one child node (either an element or text)

Selects all direct child elements specified by "child" of elements specified by "parent"

Selects all elements that are descendants of a given ancestor

Selects all next elements matching "next" that are immediately preceded by a sibling "prev"

Selects all sibling elements that follow after the "prev" element, have the same parent, and match the filtering "siblings" selector

Hide the matched elements

Display the matched elements

Display or hide the matched elements

Perform a custom animation of a set of CSS properties

Remove from the queue all items that have not yet been run

Set a timer to delay execution of subsequent items in the queue

Execute the next function on the queue for the matched elements

Execute the next function on the queue for the matched element

The rate (in milliseconds) at which animations fire

Globally disable all animations

Show or manipulate the queue of functions to be executed on the matched elements

Show or manipulate the queue of functions to be executed on the matched element

Stop the currently-running animation on the matched elements

Display the matched elements by fading them to opaque

Hide the matched elements by fading them to transparent

Adjust the opacity of the matched elements

Display or hide the matched elements by animating their opacity

Display the matched elements with a sliding motion

Display or hide the matched elements with a sliding motion

Hide the matched elements with a sliding motion

Get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element

Get the value of a property for the first element in the set of matched elements or set one or more properties for every matched element

Remove an attribute from each element in the set of matched elements

Remove a property for the set of matched elements

Get the current value of the first element in the set of matched elements or set the value of every matched element

Adds the specified class(es) to each element in the set of matched elements

Get the value of a computed style property for the first element in the set of matched elements or set one or more CSS properties for every matched element

Hook directly into jQuery to override how particular CSS properties are retrieved or set, normalize CSS property naming, or create custom properties

Determine whether any of the matched elements are assigned the given class

Remove a single class, multiple classes, or all classes from each element in the set of matched elements

Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the state argument

Get the current computed height for the first element in the set of matched elements or set the height of every matched element

Get the current computed inner height (including padding but not border) for the first element in the set of matched elements or set the inner height of every matched element

Get the current computed outer height (including padding, border, and optionally margin) for the first element in the set of matched elements or set the outer height of every matched element

Get the current computed width for the first element in the set of matched elements or set the width of every matched element

Get the current computed inner width (including padding but not border) for the first element in the set of matched elements or set the inner width of every matched element

Get the current computed outer width (including padding, border, and optionally margin) for the first element in the set of matched elements or set the outer width of every matched element

Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document

Get the closest ancestor element that is positioned

Get the current coordinates of the first element in the set of matched elements, relative to the offset parent

Get the current horizontal position of the scroll bar for the first element in the set of matched elements or set the horizontal position of the scroll bar for every matched element

Get the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element

Store arbitrary data associated with the specified element and/or return the value that was set

Store arbitrary data associated with the matched elements or return the value at the named data store for the first element in the set of matched elements

Determine whether an element has any jQuery data associated with it

Remove a previously-stored piece of data

Remove a previously-stored piece of data

Contains flags for the useragent, read from navigator.userAgent. This property was removed in jQuery 1.9 and is available only through the jQuery.migrate plugin

Check to see if a DOM element is a descendant of another DOM element

Iterate over a jQuery object, executing a function for each matched element

A generic iterator function, which can be used to seamlessly iterate over both objects and arrays

Merge the contents of two or more objects together into the first object

Execute some JavaScript code globally

Finds the elements of an array which satisfy a filter function. The original array is not affected

Search for a specified value within an array and return its index (or -1 if not found)

Determine whether the argument is an array

Check to see if an object is empty (contains no enumerable properties)

Determines if its argument is callable as a function

Determines whether its argument represents a JavaScript number

Check to see if an object is a plain object (created using "{}" or "new Object")

Determine whether the argument is a window

Check to see if a DOM node is within an XML document (or is an XML document)

Convert an array-like object into a true JavaScript array

Translate all items in an array or object to new array of items

Merge the contents of two arrays together into the first array

An empty function

Return a number representing the current time

Takes a well-formed JSON string and returns the resulting JavaScript value

Parses a string into an XML document

Takes a function and returns a new one that will always have a particular context

A collection of properties that represent the presence of different browser features or bugs. Intended for jQuery's internal use

Remove the whitespace from the beginning and end of a string

Determine the internal JavaScript [[Class]] of an object

Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on arrays of DOM elements, not strings or numbers

Create a deep copy of the set of matched elements

Wrap an HTML structure around each element in the set of matched elements

Wrap an HTML structure around all elements in the set of matched elements

Wrap an HTML structure around the content of each element in the set of matched elements

Insert content, specified by the parameter, to the end of each element in the set of matched elements

Insert every element in the set of matched elements to the end of the target

Get the HTML contents of the first element in the set of matched elements or set the HTML contents of every matched element

Insert content, specified by the parameter, to the beginning of each element in the set of matched elements

Insert every element in the set of matched elements to the beginning of the target

Get the combined text contents of each element in the set of matched elements, including their descendants, or set the text contents of the matched elements

Insert content, specified by the parameter, after each element in the set of matched elements

Insert content, specified by the parameter, before each element in the set of matched elements

Insert every element in the set of matched elements after the target

Insert every element in the set of matched elements before the target

Remove the set of matched elements from the DOM

Remove all child nodes of the set of matched elements from the DOM

Remove the set of matched elements from the DOM

Remove the parents of the set of matched elements from the DOM, leaving the matched elements in their place

Replace each target element with the set of matched elements

Replace each element in the set of matched elements with the provided new content and return the set of elements that was removed

Register a handler to be called when Ajax requests complete

Register a handler to be called when Ajax requests complete with an error

Attach a function to be executed before an Ajax request is sent

Register a handler to be called when the first Ajax request begins

Register a handler to be called when all Ajax requests have completed

Attach a function to be executed whenever an Ajax request completes successfully

Create a serialized representation of an array, a plain object, or a jQuery object suitable for use in a URL query string or Ajax request

Encode a set of form elements as a string for submission

Encode a set of form elements as an array of names and values

Perform an asynchronous HTTP (Ajax) request

Set default values for future Ajax requests. Its use is not recommended

Load data from the server using a HTTP GET request

Load JSON-encoded data from the server using a GET HTTP request

Load a JavaScript file from the server using a GET HTTP request, then execute it

Load data from the server and place the returned HTML into the matched elements

Send data to the server using a HTTP POST request

Reduce the set of matched elements to the one at the specified index

Reduce the set of matched elements to those that match the selector or pass the function's test

Reduce the set of matched elements to the first in the set

Reduce the set of matched elements to those that have a descendant that matches the selector or DOM element

Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments

Reduce the set of matched elements to the final one in the set

Pass each element in the current matched set through a function, producing a new jQuery object containing the return values

Remove elements from the set of matched elements

Reduce the set of matched elements to a subset specified by a range of indices

Create a new jQuery object with elements added to the set of matched elements

Add the previous set of elements on the stack to the current set

Get the children of each element in the set of matched elements, including text and comment nodes

End the most recent filtering operation in the current chain and return the set of matched elements to its previous state

Get the children of each element in the set of matched elements, optionally filtered by a selector

For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree

Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element

Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector

Get all following siblings of each element in the set of matched elements, optionally filtered by a selector

Get all following siblings of each element up to but not including the element matched by the selector, DOM node, or jQuery object passed

Get the parent of each element in the current set of matched elements, optionally filtered by a selector

Get the ancestors of each element in the current set of matched elements, optionally filtered by a selector

Get the ancestors of each element in the current set of matched elements, up to but not including the element matched by the selector, DOM node, or jQuery object

Get the immediately preceding sibling of each element in the set of matched elements. If a selector is provided, it retrieves the previous sibling only if it matches that selector

Get all preceding siblings of each element in the set of matched elements, optionally filtered by a selector

Get all preceding siblings of each element up to but not including the element matched by the selector, DOM node, or jQuery object

Get the siblings of each element in the set of matched elements, optionally filtered by a selector

Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string

Relinquish jQuery's control of the $ variable

Creates a new copy of jQuery whose properties and methods can be modified without affecting the original jQuery object

Provides a way to execute callback functions based on zero or more Thenable objects, usually Deferred objects that represent asynchronous events

Retrieve the DOM elements matched by the jQuery object

Search for a given element from among the matched elements

Return the number of elements in the jQuery object

Retrieve all the elements contained in the jQuery set, as an array

The DOM node context originally passed to jQuery(); if none was passed then context will likely be the document

Takes a string and throws an exception containing it

The number of elements in the jQuery object

Add a collection of DOM elements onto the jQuery stack

A selector representing selector passed to jQuery(), if any, when creating the original set

Add handlers to be called when the Deferred object is either resolved or rejected

Add handlers to be called when the Deferred object is resolved

Add handlers to be called when the Deferred object is rejected

Determine whether a Deferred object has been rejected

Determine whether a Deferred object has been resolved

Call the progressCallbacks on a Deferred object with the given args

Call the progressCallbacks on a Deferred object with the given context and args

Utility method to filter and/or chain Deferreds

Add handlers to be called when the Deferred object generates progress notifications

Return a Deferred's Promise object

Reject a Deferred object and call any failCallbacks with the given args

Reject a Deferred object and call any failCallbacks with the given context and args

Resolve a Deferred object and call any doneCallbacks with the given args

Resolve a Deferred object and call any doneCallbacks with the given context and args

Determine the current state of a Deferred object

Add handlers to be called when the Deferred object is resolved, rejected, or still in progress

Return a Promise object to observe when all actions of a certain type bound to the collection, queued or not, have finished

A multi-purpose callbacks list object that provides a powerful way to manage callback lists

Add a callback or a collection of callbacks to a callback list

Disable a callback list from doing anything more

Remove all of the callbacks from a list

Call all of the callbacks with the given arguments

Determine if the callbacks have already been called at least once

Call all callbacks in a list with the given context and arguments

Determine whether or not the list has any callbacks attached. If a callback is provided as an argument, determine whether it is in a list

Lock a callback list in its current state

Determine if the callbacks list has been locked

Remove a callback or a collection of callbacks from a callback list

The current DOM element within the event bubbling phase

An optional object of data passed to an event method when the current executing handler is bound

Returns whether event.preventDefault() was ever called on this event object

Returns whether event.stopImmediatePropagation() was ever called on this event object

Returns whether event.stopPropagation() was ever called on this event object

The namespace specified when the event was triggered

The mouse position relative to the left edge of the document

The mouse position relative to the top edge of the document

If this method is called, the default action of the event will not be triggered

The other DOM element involved in the event, if any

The last value returned by an event handler that was triggered by this event, unless the value was undefined

Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree

Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event

The DOM element that initiated the event

The difference in milliseconds between the time the browser created the event and January 1, 1970

Describes the nature of the event

For key or mouse events, this property indicates the specific key or button that was pressed

Bind an event handler to the "click" JavaScript event, or trigger that event on an element

Bind an event handler to the "dblclick" JavaScript event, or trigger that event on an element

Bind an event handler to the "focusin" event

Bind an event handler to the "focusout" JavaScript event

Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements

Bind an event handler to the "mousedown" JavaScript event, or trigger that event on an element

Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element

Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element

Bind an event handler to the "mousemove" JavaScript event, or trigger that event on an element

Bind an event handler to the "mouseout" JavaScript event, or trigger that event on an element

Bind an event handler to the "mouseover" JavaScript event, or trigger that event on an element

Bind an event handler to the "mouseup" JavaScript event, or trigger that event on an element

Bind two or more handlers to the matched elements, to be executed on alternate clicks

Bind an event handler to the "error" JavaScript event

Bind an event handler to the "resize" JavaScript event, or trigger that event on an element

Bind an event handler to the "scroll" JavaScript event, or trigger that event on an element

Holds or releases the execution of jQuery's ready event

Bind an event handler to the "load" JavaScript event

Specify a function to execute when the DOM is fully loaded

Bind an event handler to the "unload" JavaScript event

Attach a handler to an event for the elements

Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements

Remove event handlers previously attached using .live() from the elements

Attach an event handler for all elements which match the current selector, now and in the future

Remove an event handler

Attach an event handler function for one or more events to the selected elements

Attach a handler to an event for the elements. The handler is executed at most once per element per event type

Execute all handlers and behaviors attached to the matched elements for the given event type

Execute all handlers attached to an element for an event

Remove a previously-attached event handler from the elements

Remove a handler from the event for all elements which match the current selector, based upon a specific set of root elements

Bind an event handler to the "blur" JavaScript event, or trigger that event on an element

Bind an event handler to the "change" JavaScript event, or trigger that event on an element

Bind an event handler to the "focus" JavaScript event, or trigger that event on an element

Bind an event handler to the "select" JavaScript event, or trigger that event on an element

Bind an event handler to the "submit" JavaScript event, or trigger that event on an element

Bind an event handler to the "keydown" JavaScript event, or trigger that event on an element

Bind an event handler to the "keypress" JavaScript event, or trigger that event on an element

Bind an event handler to the "keyup" JavaScript event, or trigger that event on an element