Selects all elements that do not match the given selector. All selectors are accepted inside :not(), for example: :not(div a) and :not(div,a). Additional Notes The .not() method will end up providing you with more readable selections than pushing complex selectors or variables into a :not() selector filter. In most cases, it is a better choice. jQuery( ":not(selector)" ) version added: 1.0

Bind an event handler to the "mouseout" JavaScript event, or trigger that event on an element. This method is a shortcut for .on( "mouseout", handler ) in the first two variation, and .trigger( "mouseout" ) in the third. The mouseout event is sent to an element when the mouse pointer leaves the element. Any HTML element can receive this event. For example, consider the HTML: <div id="outer"> Outer <div id="inner"> Inner </div&

Get the current coordinates of the first element in the set of matched elements, relative to the document. The .offset() method allows us to retrieve the current position of an element relative to the document. Contrast this with .position(), which retrieves the current position relative to the offset parent. When positioning a new element on top of an existing one for global manipulation (in particular, for implementing drag-and-drop), .offset() is m

Attach an event handler for all elements which match the current selector, now and in the future. As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live(). This method provides a means to attach delegated event handlers to the document element of a page, which simplifies the use of event handlers when content is dynamically added to a page.

Get the current computed width for the first element in the set of matched elements. The difference between .css(width) and .width() is that the latter returns a unit-less pixel value (for example, 400) while the former returns a value with units intact (for example, 400px). The .width() method is recommended when an element's width needs to be used in a mathematical calculation. figure 1 This method is also able to find the width of the window and d

Add the previous set of elements on the stack to the current set, optionally filtered by a selector. As described in the discussion for .end(), jQuery objects maintain an internal stack that keeps track of changes to the matched set of elements. When one of the DOM traversal methods is called, the new set of elements is pushed onto the stack. If the previous set of elements is desired as well, .addBack() can help. Consider a page with a simple list on

Attach a handler to an event for the elements. As of jQuery 1.7, the .on() method is the preferred method for attaching event handlers to a document. For earlier versions, the .bind() method is used for attaching an event handler directly to elements. Handlers are attached to the currently selected elements in the jQuery object, so those elements must exist at the point the call to .bind() occurs. For more flexible event binding, see the discussion of

Remove event handlers previously attached using .live() from the elements. Any handler that has been attached with .live() can be removed with .die(). This method is analogous to calling .off() with no arguments, which is used to remove all handlers attached with .on(). See the discussions of .live() and .off() for further details. If used without an argument, .die() removes all event handlers previously attached using .live() from the elements. As of

Creates a panel widget Panels are designed to be as flexible as possible to make it easy to create menus, collapsible columns, drawers, inspectors panes and more. Where panel markup goes in a page A panel must be a sibling to the header, content, and footer elements inside a jQuery Mobile page. You can add the panel markup either before or after these elements, but not in between. Here is an example of the panel before the header, content and

Customizable, themeable tooltips, replacing native tooltips. Tooltip replaces native tooltips, making them themeable as well as allowing various customizations: Display other content than just the title, like inline footnotes or extra content retrieved via Ajax. Customize the positioning, e.g., to center the tooltip above elements. Add extra styling to customize the appearance, for warning or error fields. A fade animation is used by default to show