Below is a list of commonly used jQuery API methods. Each topic explains the uses for that specific API and provides a example or two for clarification. You can use the code in the example as a snippet for your own project.

jQuery API methods are bits of code that trigger or attach a function to event handlers for the specified elements. To find out more, read the JQ.Zemplate : Basic Concepts article: jQuery API Methods.

For the complete list of jQuery API methods and extensive definitions visit:

selects all of the elements that are the nth-child of the specified parent element

allows additional selectors to be added the first one for manipulation

adds a class name to the element(s) specified

allows you to insert content after the specified elements

allows animation of elements, movement, changing size, fading, etc.

add content to the end of each element specified by the selector

appends the contents of the specified element to each matched element

returns the value of an attribute for the element specified

places the contents of the parameter before the element in the selector

attach one or more event handlers to the selected elements

allows you to attach a function when an element changes value

allows you to retrieve the children elements of the selector

binds an event handler to the click event for a function

allows you to create a deep copy of the specified element(s)

returns the first specified ancestor of the selected element

retrieve the children of the selected element(s)

retrieve or set inline style properties and values for the specified element

allows the storage and retrieval of data tied to the first matched element

sets a time to delay the execution of following methods in the queue

remove the specified element(s) from the DOM

iterate through each matched element with a function

remove all child nodes from the element(s) that match the selector

display the selected element by adding display: block & increasing its opacity

remove the matched element(s) by decreasing opacity & adding display: none

filter out specified elements from the group of matched elements

retrieve the specified descendants of the specified element(s)

used to make events happen with the user clicks inside a text area

retrieve one element that matches the selector at the specified index

removes the matched element from display on the web page

binds one or two event handlers for the mouseenter and mouseleave events

allows you to retrieve HTML contents of an element or add HTML

allows you to insert content after the specified elements

returns the number of elements in the specified object

ties events to when the user holds the left button on the mouse down

build an event handler for when the cursor enters an object

triggers actions for when the cursor leaves the specified element

ties events to when the user releases the left button on the mouse

get the sibling that directly follows the selector

remove elements from the set of matched elements

get or set the coordinates of an object relative to the screen

attaches event handlers to the specified matched elements for functions

retrieve the parent of the current selector, option to filter by a selector

removes the specified element(s) from the DOM

removes a class name from the element(s) specified

display the matched element on the web page

select set of matched elements at a specified point

stops the current animation

toggles between .hide() and .show() for the selected elements


There are numerous plugins for jQuery that can target specific functionality. The plugins often have free downloads along with examples and documentation. You can save a great deal of coding time and effort by using plugins.

Some of the plugins come from, others are 3rd Party plugins from other individuals.

Here is a list of a few commonly used jQuery Plugins with examples and links to the creators' websites.