Display the matched elements by fading them to opaque. The .fadeIn() method animates the opacity of the matched elements. It is similar to the .fadeTo() method but that method does not unhide the element and can specify the final opacity level. Durations are given in milliseconds; higher values indicate slower animations, not faster ones. The strings 'fast' and 'slow' can be supplied to indicate durations of 200 and 600 milliseconds, respectively. If

Adds toolbars to the top and/or bottom of the page. Toolbars Headers and footers are elements that precede resp. succeed the page content. The toolbar widget allows you to create headers and footers. Headers The header bar serves as the page title, is usually the first element inside each mobile page, and typically contains a page title and up to two buttons. Header structure The header is a toolbar at the top of the page that usually contains

jQuery.mobile.path.parseUrl()

Utility method for parsing a URL and its relative variants into an object that makes accessing the components of the URL easy. Utility method for parsing a URL and its relative variants into an object that makes accessing the components of the URL easy. When parsing relative variants, the resulting object will contain empty string values for missing components (like protocol, host, etc). Also, when parsing URLs that have no authority, such as t

Responsive Grid

Reponsive layout grids Responsive grids When using layout grids for building full-level layouts, it may make sense to apply responsive web design (RWD) principles to ensure that the layout adapts to a wide range screen widths. The simplest form of responsive behavior swaps from a stacked layout on narrow screens like a smartphone to the multi-column grid layouts at wider screens. This can be done by targeting styles to specific screen widths by

swiperight event

Triggered when a swipe event occurs moving in the right direction. Triggered when a horizontal drag of 30px or more (and less than 30px vertically) occurs within 1 second duration in the right direction. See the swipe event entry for more detailed information on the swipe event. jQuery( ".selector" ).on( "swiperight", function( event ) { ... } )

:root selector

Selects the element that is the root of the document. In HTML, the root of the document, and thus the element that $(":root") selects, is always the <html> element. jQuery( ":root" ) version added: 1.9 Examples: Display the tag name of the root element. <!doctyp

vmousecancel event

Virtualized mousecancel event handler. We provide a set of "virtual" mouse events that attempt to abstract away mouse and touch events. This allows the developer to register listeners for the basic mouse events, such as mousedown, mousemove, mouseup, and click, and the plugin will take care of registering the correct listeners behind the scenes to invoke the listener at the fastest possible time for that device. In touch environments, the plugi

jQuery.isEmptyObject()

Check to see if an object is empty (contains no enumerable properties). As of jQuery 1.4 this method checks both properties on the object itself and properties inherited from prototypes (in that it doesn't use hasOwnProperty). The argument should always be a plain JavaScript Object as other types of object (DOM elements, primitive strings/numbers, host objects) may not give consistent results across browsers. To determine if an object is a plain JavaS

.contextmenu()

Bind an event handler to the "contextmenu" JavaScript event, or trigger that event on an element. This method is a shortcut for .on( "contextmenu", handler ) in the first two variations, and .trigger( "contextmenu" ) in the third. The contextmenu event is sent to an element when the right button of the mouse is clicked on it, but before the context menu is displayed. In case the context menu key is pressed, the event is triggered on the html element.

.hasClass()

Determine whether any of the matched elements are assigned the given class. Elements may have more than one class assigned to them. In HTML, this is represented by separating the class names with a space: <div id="mydiv" class="foo bar"></div> The .hasClass() method will return true if the class is assigned to an element, even if other classes also are. For example, given the HTML above, the following will return true: $( "#mydiv" ).hasCla