Remove a previously-attached event handler from the elements. Event handlers attached with .bind() can be removed with .unbind(). (As of jQuery 1.7, the .on() and .off() methods are preferred to attach and remove event handlers on elements.) In the simplest case, with no arguments, .unbind() removes all handlers attached to the elements: $( "#foo" ).unbind(); This version removes the handlers regardless of type. To be more precise, we can pass an even

Display or hide the matched elements. Note: The event handling suite also has a method named .toggle(). Which one is fired depends on the set of arguments passed. With no parameters, the .toggle() method simply toggles the visibility of elements: $( ".target" ).toggle(); The matched elements will be revealed or hidden immediately, with no animation, by changing the CSS display property. If the element is initially displayed, it will be hidden; if hi

Display or hide the matched elements with a sliding motion. The .slideToggle() method animates the height of the matched elements. This causes lower parts of the page to slide up or down, appearing to reveal or conceal the items. If the element is initially displayed, it will be hidden; if hidden, it will be shown. The display property is saved and restored as needed. If an element has a display value of inline, then is hidden and shown, it will once

Selects all elements of type submit. The :submit selector typically applies to button or input elements. Note that some browsers treat <button> element as type="submit" implicitly while others (such as Internet Explorer) do not. To ensure that markup works consistently across all browsers and guarantee that it is possible to consistently select buttons that will submit a form, always specify a type property. Because :submit is a jQuery extensio

Selects the target element indicated by the fragment identifier of the document's URI. If the document's URI contains a fragment identifier, or hash, then the :target selector will match the element with an ID that matches the identifier. For example, given a document with a URI of http://example.com/#foo, $( "p:target" ) will select the <p id="foo"> element. Further discussion of this usage can be found in the W3C CSS specification.

Reduce the set of matched elements to a subset specified by a range of indices. Given a jQuery object that represents a set of DOM elements, the .slice() method constructs a new jQuery object containing a subset of the elements specified by the start and, optionally, end argument. The supplied start index identifies the position of one of the elements in the set; if end is omitted, all elements after this one will be included in the result. Consider a

Stop the currently-running animation on the matched elements. When .stop() is called on an element, the currently-running animation (if any) is immediately stopped. If, for instance, an element is being hidden with .slideUp() when .stop() is called, the element will now still be displayed, but will be a fraction of its previous height. Callback functions are not called. If more than one animation method is called on the same element, the later animati

Hide the matched elements with a sliding motion. The .slideUp() method animates the height of the matched elements. This causes lower parts of the page to slide up, appearing to conceal the items. Once the height reaches 0 (or, if set, to whatever the CSS min-height property is), the display style property is set to none to ensure that the element no longer affects the layout of the page. Durations are given in milliseconds; higher values indicate slo

Get the combined text contents of each element in the set of matched elements, including their descendants. Unlike the .html() method, .text() can be used in both XML and HTML documents. The result of the .text() method is a string containing the combined text of all matched elements. (Due to variations in the HTML parsers in different browsers, the text returned may vary in newlines and other white space.) Consider the following HTML: <div class="

Return the number of elements in the jQuery object. The .size() method is deprecated as of jQuery 1.8. Use the .length property instead. The .size() method is functionally equivalent to the .length property; however, the .length property is preferred because it does not have the overhead of a function call. Given a simple unordered list on the page: <ul> <li>foo</li> <li>bar</li> </ul> Both .size() and .length i