Transfer effect

Transfers the outline of an element to another element Very useful when trying to visualize interaction between two elements. The transfer element itself has the class ui-effects-transfer, and needs to be styled by you, for example by adding a background or border. transfer className String

.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

.html()

Get the HTML contents of the first element in the set of matched elements. This method is not available on XML documents. In an HTML document, .html() can be used to get the contents of any element. If the selector expression matches more than one element, only the first match will have its HTML content returned. Consider this code: $( "div.demo-container" ).html(); In order for the following <div>'s content to be retrieved, it would have to be

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

.find()

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

.triggerHandler()

Execute all handlers attached to an element for an event. .triggerHandler( eventType ) executes all handlers bound with jQuery for the event type. It will also execute any method called on{eventType}() found on the element. The behavior of this method is similar to .trigger(), with the following exceptions: The .triggerHandler( "event" ) method will not call .event() on the element it is triggered on. This means .triggerHandler( "submit" ) on a form w

callbacks.fire()

Call all of the callbacks with the given arguments. This method returns the Callbacks object onto which it is attached (this). callbacks.fire( arguments ) version added: 1.7 arguments Anything The argument or list of arguments to pass back to the callb

Column-Toggle Table

Creates a responsive table in column toggle mode This table mode automatically hides less important columns at narrower widths and surfaces a button to open a menu that allows the user to choose what columns they want to see. In this mode, the author attempts to define which columns are most important to show across various widths by assigning a priority to each column. A user may choose to check as many columns as they want by tapping the "Col

.map()

Pass each element in the current matched set through a function, producing a new jQuery object containing the return values. If you wish to process a plain array or object, use the jQuery.map() instead. As the return value is a jQuery object, which contains an array, it's very common to call .get() on the result to work with a basic array. The .map() method is particularly useful for getting or setting the value of a collection of elements. Consider

.slice()

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