Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element. Given a jQuery object that represents a set of DOM elements, the .find() method allows us to search through the descendants of these elements in the DOM tree and construct a new jQuery object from the matching elements. The .find() and .children() methods are similar, except that the latter only travels a single level down the

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

.scroll()

Bind an event handler to the "scroll" JavaScript event, or trigger that event on an element. This method is a shortcut for .on( "scroll", handler ) in the first and second variations, and .trigger( "scroll" ) in the third. The scroll event is sent to an element when the user scrolls to a different place in the element. It applies to window objects, but also to scrollable frames and elements with the overflow CSS property set to scroll (or auto when th

.before()

Insert content, specified by the parameter, before each element in the set of matched elements. The .before() and .insertBefore() methods perform the same task. The major difference is in the syntaxâspecifically, in the placement of the content and target. With .before(), the content to be inserted comes from the method's argument: $(target).before(contentToBeInserted). With .insertBefore(), on the other hand, the content precedes the method and is in

deferred.notify()

Call the progressCallbacks on a Deferred object with the given args. Normally, only the creator of a Deferred should call this method; you can prevent other code from changing the Deferred's state or reporting status by returning a restricted Promise object through deferred.promise(). When deferred.notify is called, any progressCallbacks added by deferred.then or deferred.progress are called. Callbacks are executed in the order they were added. Each c

pagebeforeshow event

Triggered on the "toPage" we are transitioning to, before the actual transition animation is kicked off. Note: The triggering of this event is deprecated as of jQuery Mobile 1.4.0. It will no longer be triggered in 1.6.0. The replacement for pagebeforeshow is the pagecontainer widget's pagecontainerbeforeshow event. In jQuery Mobile 1.4.0, the two events are identical except for their name and the fact that pagecontainerbeforeshow is triggered

Fade effect

The fade effect hides or shows an element by fading it. fade Examples: Toggle a div using the fade effect. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>fade demo</title> <link rel="stylesheet" href="//c

.jqmRemoveData()

Remove a previously-stored piece of data. When working with jQuery Mobile, jqmRemoveData should be used in place of jQuery core's removeData method (note that this includes $.fn.data, $.fn.removeData, and the $.data, $.removeData, and $.hasData utilities), as they automatically incorporate getting and setting of namespaced data attributes (even if no namespace is currently in use). .jqmRemoveData( prop

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 ) { ... } )

.jqmHijackable()

For users that wish to respect data-ajax=false parent elements during custom form and link binding jQuery Mobile provides the $.fn.jqmHijackable filter method. For users that wish to respect data-ajax=false parent elements during custom form and link binding jQuery Mobile provides the $.fn.jqmHijackable filter method. Settings: If, and only if, $.mobile.ignoreContentEnabled is set to true, this method will traverse the parent nodes for each DO