SlideShare uma empresa Scribd logo
1 de 8
Baixar para ler offline
jQUERY 1.7                                                                                                                   CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
                                                                                                                                                                           EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
        VISUAL CHEAT SHEET
                                                                               = NEW OR CHANGED IN jQUERY 1.7 /                f(x) = FUNCTION   /     a = ARRAY      / jQ = jQUERY        /   El = ELEMENT     /     0-1 = BOOLEAN    /   Obj = OBJECT         /   NUM = NUMBER          /   Str = STRING



❉ CORE                                                             Attribute Ends With Selector [name                                                :empty Selector                                                                  :last-child Selector
                                                                   $="value"]
                                                                                                                                                     Select all elements that have no children (including text nodes).                Selects all elements that are the last child of their parent.
jQuery.holdReady( hold )                                      u    Selects elements that have the specified attribute with a
                                                                   value ending exactly with a given string. The comparison                          :enabled Selector                                                                :last Selector
Holds or releases the execution of jQuery's ready event.           is case sensitive.
                                                                                                                                                     Selects all elements that are enabled.                                           Selects the last matched element.
jQuery()                                                     jQ    Attribute Equals Selector [name="value"]
                                                                                                                                                     :eq() Selector                                                                   :lt() Selector
Accepts a string containing a CSS selector which is then           Selects elements that have the specified attribute with a
used to match a set of elements.                                   value exactly equal to a certain value.                                           Select the element at index n within the matched set.                            Select all elements at an index less than index within the
                                                                                                                                                                                                                                      matched set.
jQuery( selector [, context] ) - jQuery( element )
jQuery( object ) - jQuery( elementArray )
                                                                   Attribute Not Equal Selector [name!                                               :even Selector
jQuery( jQuery object )                                                                                                                                                                                                               Multiple Attribute Selector [name="value"]
                                                                   ="value"]                                                                         Selects even elements, zero-indexed.                                             [name2="value2"]
                                                                   Select elements that either don't have the specified
jQuery.noConflict( [removeAll] )                             Obj                                                                                                                                                                      Matches elements that match all of the specified attribute filters.
                                                                   attribute, or do have the specified attribute but not with a                      :file Selector
                                                                   certain value.
Relinquish jQuery's control of the $ variable.                                                                                                       Selects all elements of type file.                                               Multiple Selector (“selector1, selector2,
                                                                                                                                                                                                                                      selectorN”)
jQuery.sub()                                                 jQ
                                                                   Attribute Starts With Selector                                                    :first-child Selector
                                                                   [name^="value"]                                                                                                                                                    Selects the combined results of all the specified selectors.
Creates a new copy of jQuery whose properties and                                                                                                    Selects all elements that are the first child of their parent.
methods can be modified without affecting the original             Selects elements that have the specified attribute with a
                                                                   value beginning exactly with a given string.                                                                                                                       Next Adjacent Selector (“prev + next”)
jQuery object.
                                                                                                                                                     :first Selector
                                                                                                                                                                                                                                      Selects all next elements matching "next" that are immediately
                                                                   :button Selector                                                                  Selects the first matched element.                                               preceded by a sibling "prev".
jQuery.when( deferreds )                                     pr
                                                                   Selects all button elements and elements of type button.
Provides a way to execute callback functions based on one                                                                                            :focus selector                                                                  Next Siblings Selector (“prev ~ siblings”)
or more objects, usually Deferred objects that represent
asynchronous events.                                                                                                                                 Selects element if it is currently focused.                                      Selects all sibling elements that follow after the "prev" element,
                                                                   :checkbox Selector                                                                                                                                                 have the same parent, and match the filtering "siblings"
                                                                   Selects all elements of type checkbox.                                                                                                                             selector.
                                                                                                                                                     :gt() Selector
                                                                                                                                                     Select all elements at an index greater than index within the                    :not() Selector
❉ SELECTORS                                                        :checked Selector                                                                 matched set.
                                                                                                                                                                                                                                      Selects all elements that do not match the given selector.
                                                                   Matches all elements that are checked.
All Selector (“*”)                                                                                                                                   Has Attribute Selector [name]
                                                                                                                                                                                                                                      :nth-child() Selector
Selects all elements.                                              Child Selector (“parent > child”)                                                 Selects elements that have the specified attribute, with any
                                                                                                                                                     value.                                                                           Selects all elements that are the nth-child of their parent.
                                                                   Selects all direct child elements specified by "child" of
:animated Selector                                                 elements specified by "parent".
                                                                                                                                                     :has() Selector                                                                  :odd Selector
Select all elements that are in the progress of an
animation at the time the selector is run.                         Class Selector (“.class”)                                                         Selects elements which contain at least one element that                         Selects odd elements, zero-indexed.
                                                                                                                                                     matches the specified selector.
                                                                   Selects all elements with the given class.
                                                                                                                                                                                                                                      :only-child Selector
Attribute Contains Prefix Selector [name|                                                                                                            :header Selector
="value"]                                                          :contains() Selector                                                                                                                                               Selects all elements that are the only child of their parent.
                                                                                                                                                     Selects all elements that are headers, like h1, h2, h3 and so on.
Selects elements that have the specified attribute with a          Select all elements that contain the specified text.
value either equal to a given string or starting with that                                                                                                                                                                            :parent Selector
string followed by a hyphen (-).                                                                                                                     :hidden Selector
                                                                                                                                                                                                                                      Select all elements that are the parent of another element,
                                                                   Descendant Selector (“ancestor                                                    Selects all elements that are hidden.                                            including text nodes.
                                                                   descendant”)
Attribute Contains Selector
[name*="value"]                                                    Selects all elements that are descendants of a given                              ID Selector (“#id”)                                                              :password Selector
                                                                   ancestor.
Selects elements that have the specified attribute with a                                                                                            Selects a single element with the given id attribute.                            Selects all elements of type password.
value containing the a given substring.
                                                                   :disabled Selector
                                                                                                                                                     :image Selector                                                                  :radio Selector
Attribute Contains Word Selector                                   Selects all elements that are disabled.
                                                                                                                                                     Selects all elements of type image.                                              Selects all elements of type password.
[name~="value"]
Selects elements that have the specified attribute with a
                                                                   Element Selector (“element”)                                                      :input Selector                                                                  :reset Selector
value containing a given word, delimited by spaces.                Selects all elements with the given tag name.                                     Selects all input, textarea, select and button elements.                         Selects all elements of type reset.
jQUERY 1.7                                                                                                                     CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
                                                                                                                                                                               EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
          VISUAL CHEAT SHEET
                                                                                    = NEW OR CHANGED IN jQUERY 1.7 /              f(x) = FUNCTION   /     a = ARRAY       / jQ = jQUERY        /   El = ELEMENT           /   0-1 = BOOLEAN     /   Obj = OBJECT          /   NUM = NUMBER         /   Str = STRING



:selected Selector                                                     .removeProp( propertyName )                                     jQ               .filter()                                                               jQ            .not()                                                           jQ

Selects all elements that are selected.                                Remove a property for the set of matched elements.                               Reduce the set of matched elements to those that match                                Remove elements from the set of matched elements.
                                                                                                                                                        the selector or pass the function's test.
                                                                                                                                                                                                                                              .not( selector ) - .not( elements ) - .not( function(index) )
:submit Selector                                                       .toggleClass( className )                                       jQ               .filter( selector ) - .filter( function(index) )
                                                                                                                                                        .filter( element ) - .filter( jQuery object )
Selects all elements of type submit.                                   Add or remove one or more classes from each element in
                                                                       the set of matched elements, depending on either the                                                                                                                   .offsetParent()                                                  jQ
                                                                       class's presence or the value of the switch argument.                            .find( selector )                                                       jQ
:text Selector                                                                                                                                                                                                                                Get the closest ancestor element that is positioned.

                                                                       .val()                                                          Str              Get the descendants of each element in the current set of
Selects all elements of type text.                                                                                                                      matched elements, filtered by a selector, jQuery object, or
                                                                       Get the current value of the first element in the set of         N               element.                                                                              .parent( [selector] )                                            jQ
                                                                       matched elements.
:visible Selector                                                                                                                      a()              .find( selector ) - .find( jQuery object ) - .find( element )                         Get the parent of each element in the current set of
                                                                       .val( value ) - .val( function(index, value) )                                                                                                                         matched elements, optionally filtered by a selector.
Selects all elements that are visible.                                                                                                 jQ
                                                                                                                                                        .first()                                                                jQ

                                                                                                                                                        Reduce the set of matched elements to the first in the set.                           .parents( [selector] )                                           jQ
                                                                       ❉ TRAVERSING
❉ ATTRIBUTES                                                                                                                                                                                                                                  Get the ancestors of each element in the current set of
                                                                                                                                                        .has()                                                                  jQ            matched elements, optionally filtered by a selector.
                                                                       .add()                                                          jQ
.addClass()                                                      jQ                                                                                     Reduce the set of matched elements to those that have a
                                                                       Add elements to the set of matched elements.                                     descendant that matches the selector or DOM element.
Adds the specified class(es) to each of the set of matched                                                                                                                                                                                    .parentsUntil()                                                  jQ
elements.                                                              .add( selector ) - .add( elements ) - .add( html )                               .has( selector ) - .has( contained )
                                                                                                                                                                                                                                              Get the ancestors of each element in the current set of
                                                                       .add( jQuery object ) - .add( selector, context )
.addClass( className ) - .addClass( function(index,                                                                                                                                                                                           matched elements, up to but not including the element
currentClass) )                                                                                                                                             .is()                                                               jQ            matched by the selector, DOM node, or jQuery object.
                                                                       .andSelf()                                                      jQ
                                                                                                                                                                                                                                              .parentsUntil( [selector] [, filter] )
.attr()                                                          Str   Add the previous set of elements on the stack to the                             Check the current matched set of elements against a                                   .parentsUntil( [element] [, filter] )
                                                                       current set.                                                                     selector, element, or jQuery object and return true if at
Get the value of an attribute for the first element in the set                                                                                          least one of these elements matches the given arguments.
of matched elements.
                                                                       .children( [selector] )                                         jQ               .is( selector ) - .is( function(index) ) - .is( jQuery object )
.attr( attributeName ) - .attr( attributeName, value )                                                                                                  .is( element )                                                                        .prev( [selector] )                                              jQ
                                                                       Get the children of each element in the set of matched
                                                                       elements, optionally filtered by a selector.                                                                                                                           Get the immediately preceding sibling of each element in
                                                                                                                                                        .last()                                                                 jQ            the set of matched elements, optionally filtered by a
.hasClass( className )                                           Str
                                                                                                                                                                                                                                              selector.
Determine whether any of the matched elements are                      .closest()                                                      jQ               Reduce the set of matched elements to the final one in the
assigned the given class.                                                                                                                               set.
                                                                       Get the first element that matches the selector, beginning      a()
                                                                       at the current element and progressing up through the                                                                                                                  .prevAll( [selector] )                                           jQ
.html()                                                          Str   DOM tree.                                                                        .map( callback(index, domElement) )                                     jQ
                                                                                                                                                                                                                                              Get all preceding siblings of each element in the set of
                                                                 jQ    .closest( selector ) - .closest( selector [, context] )                          Pass each element in the current matched set through a                                matched elements, optionally filtered by a selector.
Get the HTML contents of the first element in the set of
                                                                       .closest( jQuery object ) - .closest( element )                                  function, producing a new jQuery object containing the
matched elements.
                                                                       .closest( selectors [ , context ] )                                              return values.
.html( htmlString ) - .html( function(index, oldhtml) )
                                                                                                                                                                                                                                              .prevUntil()                                                     jQ
                                                                       .contents()                                                     jQ
                                                                                                                                                        .next( [selector] )                                                     jQ            Get all preceding siblings of each element up to but not
.prop()                                                          Str   Get the children of each element in the set of matched                                                                                                                 including the element matched by the selector, DOM node,
                                                                       elements, including text and comment nodes.                                      Get the immediately following sibling of each element in
Get the value of a property for the first element in the set     jQ                                                                                                                                                                           or jQuery object.
                                                                                                                                                        the set of matched elements. If a selector is provided, it
of matched elements.                                                                                                                                    retrieves the next sibling only if it matches that selector.                          .prevUntil( [selector] [, filter] )
.prop( propertyName ) - .prop( propertyName, value )
                                                                       .each( function(index, Element) )                               jQ                                                                                                     .prevUntil( [element] [, filter] )
                                                                       Iterate over a jQuery object, executing a function for each                      .nextAll( [selector] )                                                  jQ
                                                                       matched element.
   .removeAttr( attributeName )                                  jQ
                                                                                                                                                        Get all following siblings of each element in the set of
                                                                                                                                                        matched elements, optionally filtered by a selector.                                  .siblings( [selector] )                                          jQ
Remove an attribute from each element in the set of                    .end()                                                          jQ
matched elements.                                                                                                                                                                                                                             Get the siblings of each element in the set of matched
                                                                       End the most recent filtering operation in the current                                                                                                                 elements, optionally filtered by a selector.
                                                                       chain and return the set of matched elements to its                              .nextUntil()                                                            jQ
.removeClass()                                                   jQ    previous state.
                                                                                                                                                        Get all following siblings of each element up to but not
                                                                                                                                                        including the element matched by the selector, DOM node,                              .slice( start [, end] )                                          jQ
Remove a single class, multiple classes, or all classes from
                                                                       .eq( index )                                                    jQ               or jQuery object passed.
each element in the set of matched elements.
                                                                                                                                                                                                                                              Reduce the set of matched elements to a subset specified
                                                                       Reduce the set of matched elements to the one at the                             .nextUntil( [selector] [, filter] ) - .nextUntil( [element] [,
.removeClass( [className] )                                                                                                                                                                                                                   by a range of indices.
                                                                       specified index.                                                                 filter] )
.removeClass( function(index, class) )
jQUERY 1.7                                                                                                                       CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
                                                                                                                                                                                  EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
          VISUAL CHEAT SHEET
                                                                                   = NEW OR CHANGED IN jQUERY 1.7 /                  f(x) = FUNCTION   /     a = ARRAY      / jQ = jQUERY        /   El = ELEMENT    /     0-1 = BOOLEAN     /   Obj = OBJECT         /   NUM = NUMBER          /   Str = STRING



❉ MANIPULATION                                                         .hasClass( className )                                             Str              .remove( [selector] )                                             Str           .val()                                                           Str

                                                                       Determine whether any of the matched elements are                                   Remove the set of matched elements from the DOM.                                Get the current value of the first element in the set of         N
.addClass()                                                      jQ    assigned the given class.                                                                                                                                           matched elements.                                                a()
Adds the specified class(es) to each of the set of matched                                                                                                 .removeAttr( attributeName )                                      jQ            .val( value ) - .val( function(index, value) )                   jQ
                                                                       .html()                                                            Str
elements.                                                                                                                                                  Remove an attribute from each element in the set of
                                                                       Get the HTML contents of the first element in the set of           jQ               matched elements.
.addClass( className ) - .addClass( function(index,
                                                                       matched elements.                                                                                                                                                   .width()                                                         Int
currentClass) )
                                                                       .html( htmlString ) - .html( function(index, oldhtml) )                                                                                                             Get the current computed width for the first element in
                                                                                                                                                           .removeClass()                                                    jQ
                                                                                                                                                                                                                                           the set of matched elements.
.after()                                                         jQ
                                                                       .innerHeight()                                                     Int              Remove a single class, multiple classes, or all classes from                    .width( value ) - .width( function(index, width) )
Insert content, specified by the parameter, after each                                                                                                     each element in the set of matched elements.
element in the set of matched elements.                                Get the current computed height for the first element in
                                                                                                                                                           .removeClass( [className] )
                                                                       the set of matched elements, including padding but not                                                                                                              .wrap()                                                          jQ
.after( content [, content] ) - .after( function(index) )                                                                                                  .removeClass( function(index, class) )
                                                                       border.
                                                                                                                                                                                                                                           Wrap an HTML structure around each element in the set
.append()                                                        jQ    .innerWidth()                                                      Int              .removeProp( propertyName )                                       jQ            of matched elements.
                                                                                                                                                                                                                                           .wrap( wrappingElement ) - .wrap( function(index) )
Insert content, specified by the parameter, to the end of              Get the current computed width for the first element in                             Remove a property for the set of matched elements.
each element in the set of matched elements.                           the set of matched elements, including padding but not
                                                                       border.
.append( content [, content] )                                                                                                                             .replaceAll( target )                                             jQ            .wrapAll( wrappingElement )                                      jQ
.append( function(index, html) )
                                                                       .insertAfter( target )                                             Int              Replace each target element with the set of matched                             Wrap an HTML structure around all elements in the set of
                                                                                                                                                           elements.                                                                       matched elements.
.appendTo( target )                                              jQ    Insert every element in the set of matched elements after
                                                                       the target.
Insert every element in the set of matched elements to the                                                                                                 .replaceWith()                                                    jQ            .wrapInner()                                                     jQ
end of the target.
                                                                       .insertBefore( target )                                            Int              Replace each element in the set of matched elements with                        Wrap an HTML structure around the content of each
                                                                                                                                                           the provided new content.                                                       element in the set of matched elements.
.attr()                                                          jQ    Insert every element in the set of matched elements before
                                                                       the target.                                                                         .replaceWith( newContent ) - .replaceWith( function )                           .wrapInner( wrappingElement )
Get the value of an attribute for the first element in the set                                                                                                                                                                             .wrapInner( function(index) )
of matched elements.
                                                                       .offset()                                                          Int
                                                                                                                                                           .scrollLeft()                                                     jQ
.attr( attributeName ) - .attr( attributeName, value )
                                                                       Get the current coordinates of the first element in the set
                                                                                                                                                           Get the current horizontal position of the scroll bar for the
                                                                       of matched elements, relative to the document.
                                                                                                                                                           first element in the set of matched elements.                                   ❉ CSS
.before()                                                        jQ    .offset( coordinates ) - .offset( function(index, coords) )
                                                                                                                                                           .scrollLeft( value )
Insert content, specified by the parameter, before each
element in the set of matched elements.                                .outerHeight( [includeMargin] )                                    Int                                                                                              .addClass()                                                      jQ
                                                                                                                                                           .scrollTop()                                                      jQ
.before( content [, content] ) - .before( function )                   Get the current computed height for the first element in                                                                                                            Adds the specified class(es) to each of the set of matched
                                                                       the set of matched elements, including padding, border,                             Get the current vertical position of the scroll bar for the                     elements.
                                                                       and optionally margin. Returns an integer (without "px")                            first element in the set of matched elements.
.clone()                                                         jQ                                                                                                                                                                        .addClass( className ) - .addClass( function(index,
                                                                       representation of the value or null if called on an empty                                                                                                           currentClass) )
                                                                                                                                                           .scrollTop value )
Create a deep copy of the set of matched elements.                     set of elements.
.clone( [withDataAndEvents] )
.clone( [withDataAndEvents] [,deepWithDataAndEvents] )                 .position()                                                       Obj               .text()                                                           jQ            .css()                                                           Str
                                                                       Get the current coordinates of the first element in the set                         Get the combined text contents of each element in the set                       Get the value of a style property for the first element in       jQ
.css()                                                           Str   of matched elements, relative to the offset parent.                                 of matched elements, including their descendants.                               the set of matched elements.

                                                                 jQ                                                                                        .text( textString ) - .text( function(index, text) )                            .css( propertyName ) - .css( propertyName, value )
Get the value of a style property for the first element in
the set of matched elements.
                                                                       .prepend( content [, content] )                                    jQ                                                                                               .css( propertyName, function(index, value) )
                                                                                                                                                                                                                                           .css( map )
.css( propertyName ) - .css( propertyName, value )                     Insert content, specified by the parameter, to the                                  .toggleClass()                                                    jQ
.css( propertyName, function(index, value) )                           beginning of each element in the set of matched elements.
                                                                                                                                                           Add or remove one or more classes from each element in
.css( map )                                                                                                                                                                                                                                jQuery.cssHooks                                                 Obj
                                                                                                                                                           the set of matched elements, depending on either the
                                                                       .prependTo( target )                                               jQ               class's presence or the value of the switch argument.
                                                                                                                                                                                                                                           Hook directly into jQuery to override how particular CSS
.detach( [selector] )                                            jQ    Insert every element in the set of matched elements to the                          .toggleClass( className )                                                       properties are retrieved or set, normalize CSS property
                                                                       beginning of the target.                                                            .toggleClass( className, switch )                                               naming, or create custom properties.
Remove the set of matched elements from the DOM.

                                                                       .prop()                                                            Str
.empty()                                                         jQ                                                                                        .unwrap()                                                         jQ            .hasClass( className )                                           Str
                                                                       Get the value of a property for the first element in the set       jQ
Remove all child nodes of the set of matched elements                  of matched elements.                                                                Remove the parents of the set of matched elements from                          Determine whether any of the matched elements are
from the DOM.                                                                                                                                              the DOM, leaving the matched elements in their place.                           assigned the given class.
                                                                       .prop( propertyName ) - .prop( propertyName, value )
jQUERY 1.7                                                                                                                  CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
                                                                                                                                                                            EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
         VISUAL CHEAT SHEET
                                                                                  = NEW OR CHANGED IN jQUERY 1.7 /              f(x) = FUNCTION   /     a = ARRAY      / jQ = jQUERY      /   El = ELEMENT       /     0-1 = BOOLEAN     /   Obj = OBJECT       /   NUM = NUMBER          /     Str = STRING



.height()                                                       Int   .toggleClass()                                                 jQ               .die()                                                             jQ            event.result                                                    Obj

Get the current computed height for the first element in              Add or remove one or more classes from each element in                          Remove all event handlers previously attached                                    The last value returned by an event handler that was
the set of matched elements.                                          the set of matched elements, depending on either the                            using .live() from the elements.                                                 triggered by this event, unless the value was undefined.
                                                                      class's presence or the value of the switch argument.
.height( value )                                                                                                                                      .die( eventType [, handler] )
.height( function(index, height) )                                    .toggleClass( className )                                                       .die( eventTypes )                                                               event.stopImmediatePropagation()
                                                                      .toggleClass( className, switch )
                                                                                                                                                                                                                                       Prevents other event handlers from being called.
.innerHeight()                                                  Int                                                                                   .error()                                                           jQ
                                                                      .width()                                                       Int
Get the current computed height for the first element in                                                                                              Bind an event handler to the "error" JavaScript event.
                                                                                                                                                                                                                                       event.stopPropagation()
the set of matched elements, including padding but not                Get the current computed width for the first element in
                                                                                                                                                      .error( handler(eventObject) )
border.                                                               the set of matched elements.                                                                                                                                     Prevents the event from bubbling up the DOM tree,
                                                                                                                                                      .error( [eventData], handler(eventObject) )
                                                                      .width( value ) - .width( function(index, width) )                                                                                                               preventing any parent handlers from being notified of the
                                                                                                                                                                                                                                       event.
.innerWidth()                                                   Int                                                                                   event.currentTarget                                                jQ
Get the current computed width for the first element in                                                                                               The current DOM element within the event bubbling
the set of matched elements, including padding but not                                                                                                                                                                                 event.target                                                     el
                                                                                                                                                      phase.
border.                                                               ❉ EVENTS                                                                                                                                                         The DOM element that initiated the event.
                                                                                                                                                      event.data                                                        Any
.offset()                                                       Int   .bind()                                                        jQ                                                                                                event.timeStamp                                                  N
                                                                                                                                                      The optional data passed to jQuery.fn.bind when the
Get the current coordinates of the first element in the set           Attach a handler to an event for the elements.                                  current executing handler was bound.                                             The difference in milliseconds between the time the
of matched elements, relative to the document.                                                                                                                                                                                         browser created the event and January 1, 1970.
                                                                      .bind( eventType [, eventData], handler(eventObject) )
.offset( coordinates ) - .offset( function(index, coords) )           .bind( eventType [, eventData], preventBubble )                                    event.delegateTarget                                            el
                                                                      .bind( events )
                                                                                                                                                                                                                                       event.type                                                       Str
                                                                                                                                                      The element where the currently-called jQuery event
.outerHeight( [includeMargin] )                                 Int
                                                                                                                                                      handler was attached.
                                                                      .blur()                                                        jQ                                                                                                Describes the nature of the event.
Get the current computed height for the first element in
the set of matched elements, including padding, border,               Bind an event handler to the "blur" JavaScript event, or                        event.isDefaultPrevented()                                         0-1
and optionally margin. Returns an integer (without "px")              trigger that event on an element.                                                                                                                                event.which                                                      N
representation of the value or null if called on an empty                                                                                             Returns whether event.preventDefault() was ever called
                                                                      .blur( handler(eventObject) )                                                                                                                                    For key or button events, this attribute indicates the
set of elements.                                                                                                                                      on this event object.
                                                                      .blur( [eventData], handler(eventObject) )                                                                                                                       specific button or key that was pressed.

.outerWidth( [includeMargin] )                                  Int                                                                                   event.isImmediatePropagationStopped()                              0-1
                                                                      .change()                                                      jQ                                                                                                .focus()                                                         jQ
Get the current computed width for the first element in                                                                                               Returns whether event.stopImmediatePropagation() was
                                                                      Bind an event handler to the "change" JavaScript event,                         ever called on this event object.                                                Bind an event handler to the "focus" JavaScript event, or
the set of matched elements, including padding and                    or trigger that event on an element.                                                                                                                             trigger that event on an element
border.
                                                                      .change( handler(eventObject) )                                                                                                                                  .focus( handler(eventObject) )
                                                                                                                                                      event.isPropagationStopped()                                       0-1
                                                                      .change( [eventData], handler(eventObject) )                                                                                                                     .focus( [eventData], handler(eventObject) )
.position()                                                     Obj                                                                                   Returns whether event.stopPropagation() was ever called
Get the current coordinates of the first element in the set                                                                                           on this event object.
                                                                      .click()                                                       jQ
of matched elements, relative to the offset parent.                                                                                                                                                                                    .focusin()                                                       jQ
                                                                      Bind an event handler to the "click" JavaScript event, or                       event.namespace                                                    Str
                                                                      trigger that event on an element.                                                                                                                                Bind an event handler to the "focusin" event.
.removeClass()                                                  jQ                                                                                    The namespace specified when the event was triggered.                            .focusin( handler(eventObject) )
                                                                      .click( handler(eventObject) )
                                                                      .click( [eventData], handler(eventObject) )                                                                                                                      .focusin( [eventData], handler(eventObject) )
Remove a single class, multiple classes, or all classes from
each element in the set of matched elements.                                                                                                          event.pageX                                                         N
.removeClass( [className] )                                           .dblclick()                                                    jQ               The mouse position relative to the left edge of the                              .focusout()                                                      jQ
.removeClass( function(index, class) )                                                                                                                document.
                                                                      Bind an event handler to the "dblclick" JavaScript event,                                                                                                        Bind an event handler to the "focusout" JavaScript event.
                                                                      or trigger that event on an element.
                                                                                                                                                      event.pageY                                                                      .focusout( handler(eventObject) )
.scrollLeft()                                                   Int                                                                                                                                                       N
                                                                                                                                                                                                                                       .focusout( [eventData], handler(eventObject) )
                                                                      .dblclick( handler(eventObject) )
Get the current horizontal position of the scroll bar for the         .dblclick( [eventData], handler(eventObject) )                                  The mouse position relative to the top edge of the
first element in the set of matched elements.                                                                                                         document.
                                                                                                                                                                                                                                       .hover()                                                         jQ
.scrollLeft( value )                                                  .delegate()                                                    jQ
                                                                                                                                                      event.preventDefault()                                              u            Bind two handlers to the matched elements, to be
                                                                      Attach a handler to one or more events for all elements                                                                                                          executed when the mouse pointer enters and leaves the
.scrollTop()                                                    Int   that match the selector, now or in the future, based on a                       If this method is called, the default action of the event will                   elements.
                                                                      specific set of root elements.                                                  not be triggered.
Get the current vertical position of the scroll bar for the                                                                                                                                                                            .hover( handlerIn(eventObject)
first element in the set of matched elements.                         .delegate( selector, eventType, handler )                                                                                                                        .handlerOut(eventObject) )
                                                                      .delegate( selector, eventType, eventData, handler )                            event.relatedTarget                                                el            .hover( handlerInOut(eventObject) )
.scrollTop( value )                                                   .delegate( selector, events )
                                                                                                                                                      The other DOM element involved in the event, if any.
jQUERY 1.7                                                                                                            CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
                                                                                                                                                                      EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
          VISUAL CHEAT SHEET
                                                                              = NEW OR CHANGED IN jQUERY 1.7 /             f(x) = FUNCTION   /     a = ARRAY     / jQ = jQUERY      /   El = ELEMENT     /    0-1 = BOOLEAN     /   Obj = OBJECT         /   NUM = NUMBER            /   Str = STRING



.keydown()                                                  jQ   .mouseout()                                                    jQ               .scroll()                                                      jQ            .undelegate()                                                      jQ

Bind an event handler to the "keydown" JavaScript event,         Bind an event handler to the "mouseout" JavaScript                              Bind an event handler to the "scroll" JavaScript event, or                   Remove a handler from the event for all elements which
or trigger that event on an element.                             event, or trigger that event on an element.                                     trigger that event on an element.                                            match the current selector, based upon a specific set of
                                                                                                                                                                                                                              root elements.
.keydown( handler(eventObject) )                                 .mouseout( handler(eventObject) )                                               .scroll( handler(eventObject) )
.keydown( [eventData], handler(eventObject) )                    .mouseout( [eventData], handler(eventObject) )                                  .scroll( [eventData], handler(eventObject) )                                 .undelegate( selector, eventType )
                                                                                                                                                                                                                              .undelegate( selector, eventType, handler )
                                                                                                                                                                                                                              .undelegate( selector, events )
.keypress()                                                 jQ   .mouseover()                                                   jQ                                                                                            .undelegate( namespace )
                                                                                                                                                 .select()                                                      jQ
Bind an event handler to the "keypress" JavaScript event,        Get the current computed width for the first element in
or trigger that event on an element.                                                                                                             Bind an event handler to the "select" JavaScript event, or                   .unload()                                                          jQ
                                                                 the set of matched elements.
                                                                                                                                                 trigger that event on an element.
.keypress( handler(eventObject) )                                .mouseover( handler(eventObject) )                                                                                                                           Bind an event handler to the "unload" JavaScript event.
.keypress( [eventData], handler(eventObject) )                                                                                                   .select( handler(eventObject) )
                                                                 .mouseover( [eventData], handler(eventObject) )
                                                                                                                                                 .select( [eventData], handler(eventObject) )                                 .unload( handler(eventObject) )
                                                                                                                                                                                                                              .unload( [eventData], handler(eventObject) )
.keyup()                                                    jQ   .mouseup()                                                     jQ
Bind an event handler to the "keyup" JavaScript event, or                                                                                        .submit()                                                      jQ
                                                                 Bind an event handler to the "mouseup" JavaScript event,
trigger that event on an element.                                or trigger that event on an element.                                            Bind an event handler to the "submit" JavaScript event,
.keyup( handler(eventObject) )                                                                                                                   or trigger that event on an element.                                         ❉ EFFECTS
                                                                 .mouseup( handler(eventObject) )
.keyup( [eventData], handler(eventObject) )                      .mouseup( [eventData], handler(eventObject) )                                   .submit( handler(eventObject) )
                                                                                                                                                 .submit( [eventData], handler(eventObject) )                                 .animate()                                                         jQ
.live()                                                     jQ                                                                                                                                                                Perform a custom animation of a set of CSS properties.
                                                                    .off()                                                      jQ
Attach an event handler for all elements which match the                                                                                                                                                                      .animate( properties [, duration] [, easing] [, complete] )
                                                                                                                                                 .toggle()                                                      jQ
current selector, now and in the future.                         Remove an event handler.                                                                                                                                     .animate( properties, options )
.live( events, handler ) - .live( events, data, handler )                                                                                        Bind two or more handlers to the matched elements, to be
                                                                 .off( events [, selector] [, handler] )
                                                                                                                                                 executed on alternate clicks.
.live( events-map )                                              .off( events-map [, selector] )                                                                                                                              .clearQueue( [queueName] )                                         jQ
                                                                                                                                                 handler(eventObject), handler(eventObject) [,
                                                                                                                                                 handler(eventObject)]                                                        Remove from the queue all items that have not yet been
.load()                                                     jQ      .on()                                                       jQ                                                                                            run.
Bind an event handler to the "load" JavaScript event.
                                                                 Bind an event handler to the "click" JavaScript event, or                                                                                                    .delay( duration [, queueName] )                                   jQ
.load( handler(eventObject) )                                    trigger that event on an element.                                               .trigger()                                                     jQ
.load( [eventData], handler(eventObject) )                                                                                                       Execute all handlers and behaviors attached to the                           Set a timer to delay execution of subsequent items in the
                                                                 .on( events [, selector] [, data], handler )                                                                                                                 queue.
                                                                 .on( events-map [, selector] [, data] )                                         matched elements for the given event type.
.mousedown()                                                jQ                                                                                   .trigger( eventType, extraParameters )
                                                                                                                                                                                                                              .dequeue( [queueName] )                                            jQ
                                                                 .one()                                                         jQ               .trigger( event )
Bind an event handler to the "mousedown" JavaScript
event, or trigger that event on an element.                                                                                                                                                                                   Execute the next function on the queue for the matched
                                                                 Attach a handler to an event for the elements. The                                                                                                           elements.
.mousedown( handler(eventObject) )                               handler is executed at most once per element.
                                                                                                                                                 .triggerHandler()                                              jQ
.mousedown( [eventData], handler(eventObject) )                  .one( events [, data], handler )                                                                                                                             .fadeIn()                                                          jQ
                                                                 .one( events [, selector] [, data], handler )                                   Execute all handlers attached to an element for an event.
                                                                 .one( events-map [, selector] [, data] )                                                                                                                     Display the matched elements by fading them to opaque.
.mouseenter()                                               jQ                                                                                   .triggerHandler( eventType, extraParameters )
                                                                                                                                                                                                                              .fadeIn( [duration] [, callback] )
Bind an event handler to be fired when the mouse enters                                                                                                                                                                       .fadeIn( [duration] [, easing] [, callback] )
an element, or trigger that handler on an element.               jQuery.proxy()                                                 jQ
                                                                                                                                                 .unbind()                                                      jQ
.mouseenter( handler(eventObject) )                              Takes a function and returns a new one that will always                                                                                                      .fadeOut()                                                         jQ
.mouseenter( [eventData], handler(eventObject) )                                                                                                 Remove a previously-attached event handler from the
                                                                 have a particular context.
                                                                                                                                                 elements.
                                                                                                                                                                                                                              Hide the matched elements by fading them to
                                                                 jQuery.proxy( function, context )                                                                                                                            transparent.
                                                                                                                                                 .unbind( [eventType] [, handler(eventObject)] )
.mouseleave()                                               jQ   jQuery.proxy( context, name )
                                                                                                                                                 .unbind( eventType, false )
                                                                                                                                                                                                                              .fadeOut( [duration] [, callback] )
Bind an event handler to be fired when the mouse leaves                                                                                                                                                                       .fadeOut( [duration] [, easing] [, callback] )
an element, or trigger that handler on an element.               .ready( handler )                                              jQ
.mouseleave( handler(eventObject)                                                                                                                .undelegate()                                                  jQ            .fadeTo()                                                          jQ
                                                                 Specify a function to execute when the DOM is fully
.mouseleave( [eventData], handler(eventObject) )                 loaded.                                                                         Remove a handler from the event for all elements which                       Adjust the opacity of the matched elements.
                                                                                                                                                 match the current selector, based upon a specific set of
                                                                                                                                                 root elements.                                                               .fadeTo( duration, opacity [, callback] )
.mousemove()                                                jQ   .resize()                                                      jQ                                                                                            .fadeTo( duration, opacity [, easing] [, callback] )
                                                                                                                                                 .undelegate( selector, eventType )
Bind an event handler to the "mousemove" JavaScript              Bind an event handler to the "resize" JavaScript event, or                      .undelegate( selector, eventType, handler )
event, or trigger that event on an element.                      trigger that event on an element.                                               .undelegate( selector, events )                                              .fadeToggle( [duration] [, easing] [,                              jQ
.mousemove( handler(eventObject) )                               .resize( handler(eventObject) )
                                                                                                                                                 .undelegate( namespace )                                                     callback] )
.mousemove( [eventData], handler(eventObject) )                  .resize( [eventData], handler(eventObject) )                                                                                                                 Display or hide the matched elements by animating their
                                                                                                                                                                                                                              opacity.
J query 17-visual-cheat-sheet
J query 17-visual-cheat-sheet
J query 17-visual-cheat-sheet

Mais conteúdo relacionado

Mais procurados

Web Design & Development - Session 6
Web Design & Development - Session 6Web Design & Development - Session 6
Web Design & Development - Session 6Shahrzad Peyman
 
jQuery BootCamp : Creating the Wrapped Element Set
jQuery BootCamp : Creating the Wrapped Element SetjQuery BootCamp : Creating the Wrapped Element Set
jQuery BootCamp : Creating the Wrapped Element SetWildan Maulana
 
13 advanced-swing
13 advanced-swing13 advanced-swing
13 advanced-swingNataraj Dg
 
Functional Object-Oriented Imperative Scala / 関数型オブジェクト指向命令型 Scala by Sébasti...
Functional Object-Oriented Imperative Scala / 関数型オブジェクト指向命令型 Scala by Sébasti...Functional Object-Oriented Imperative Scala / 関数型オブジェクト指向命令型 Scala by Sébasti...
Functional Object-Oriented Imperative Scala / 関数型オブジェクト指向命令型 Scala by Sébasti...scalaconfjp
 
Javascript closures
Javascript closures Javascript closures
Javascript closures VNG
 
Javabeanproperties
JavabeanpropertiesJavabeanproperties
Javabeanpropertiesvamsitricks
 
اسلاید جلسه ۹ کلاس پایتون برای هکر های قانونی
اسلاید جلسه ۹ کلاس پایتون برای هکر های قانونیاسلاید جلسه ۹ کلاس پایتون برای هکر های قانونی
اسلاید جلسه ۹ کلاس پایتون برای هکر های قانونیMohammad Reza Kamalifard
 
ECOOP01 AOOSDM Poster.ppt
ECOOP01 AOOSDM Poster.pptECOOP01 AOOSDM Poster.ppt
ECOOP01 AOOSDM Poster.pptPtidej Team
 
Python Programming - Object-Oriented
Python Programming - Object-OrientedPython Programming - Object-Oriented
Python Programming - Object-OrientedOmid AmirGhiasvand
 

Mais procurados (11)

Web Design & Development - Session 6
Web Design & Development - Session 6Web Design & Development - Session 6
Web Design & Development - Session 6
 
jQuery BootCamp : Creating the Wrapped Element Set
jQuery BootCamp : Creating the Wrapped Element SetjQuery BootCamp : Creating the Wrapped Element Set
jQuery BootCamp : Creating the Wrapped Element Set
 
jQuery
jQueryjQuery
jQuery
 
13 advanced-swing
13 advanced-swing13 advanced-swing
13 advanced-swing
 
Functional Object-Oriented Imperative Scala / 関数型オブジェクト指向命令型 Scala by Sébasti...
Functional Object-Oriented Imperative Scala / 関数型オブジェクト指向命令型 Scala by Sébasti...Functional Object-Oriented Imperative Scala / 関数型オブジェクト指向命令型 Scala by Sébasti...
Functional Object-Oriented Imperative Scala / 関数型オブジェクト指向命令型 Scala by Sébasti...
 
Javascript closures
Javascript closures Javascript closures
Javascript closures
 
Javabeanproperties
JavabeanpropertiesJavabeanproperties
Javabeanproperties
 
Scala in practice
Scala in practiceScala in practice
Scala in practice
 
اسلاید جلسه ۹ کلاس پایتون برای هکر های قانونی
اسلاید جلسه ۹ کلاس پایتون برای هکر های قانونیاسلاید جلسه ۹ کلاس پایتون برای هکر های قانونی
اسلاید جلسه ۹ کلاس پایتون برای هکر های قانونی
 
ECOOP01 AOOSDM Poster.ppt
ECOOP01 AOOSDM Poster.pptECOOP01 AOOSDM Poster.ppt
ECOOP01 AOOSDM Poster.ppt
 
Python Programming - Object-Oriented
Python Programming - Object-OrientedPython Programming - Object-Oriented
Python Programming - Object-Oriented
 

Destaque

Factoring out system components – RAMP 2013
Factoring out system components – RAMP 2013Factoring out system components – RAMP 2013
Factoring out system components – RAMP 2013Andreas Ehn
 
Si Kecil Yang Berharga - A Campaign Against Smoking Around Children
Si Kecil Yang Berharga - A Campaign Against Smoking Around ChildrenSi Kecil Yang Berharga - A Campaign Against Smoking Around Children
Si Kecil Yang Berharga - A Campaign Against Smoking Around ChildrenJames Hezekiah
 
IDNOG3-Jimmy-CloudFlare
IDNOG3-Jimmy-CloudFlareIDNOG3-Jimmy-CloudFlare
IDNOG3-Jimmy-CloudFlareJimmy Lim
 
Water Supply Advisory Committee Draft Agreement on New Supply Options
Water Supply Advisory Committee Draft Agreement on New Supply OptionsWater Supply Advisory Committee Draft Agreement on New Supply Options
Water Supply Advisory Committee Draft Agreement on New Supply OptionsRobert Singleton
 
MZ24-simple (dragged)
MZ24-simple (dragged)MZ24-simple (dragged)
MZ24-simple (dragged)AnneBellego
 
Brookfield - White Paper - LGBT Assignees
Brookfield - White Paper - LGBT AssigneesBrookfield - White Paper - LGBT Assignees
Brookfield - White Paper - LGBT Assigneesymcnulty
 
신기술업무프로세스핵심용어(It비지니스용어집)
신기술업무프로세스핵심용어(It비지니스용어집)신기술업무프로세스핵심용어(It비지니스용어집)
신기술업무프로세스핵심용어(It비지니스용어집)Jay W. Choi
 
Membuat aplikasi java web enterprise sederhana
Membuat aplikasi java web enterprise sederhanaMembuat aplikasi java web enterprise sederhana
Membuat aplikasi java web enterprise sederhanaAgni Harsapranata
 
Internship authenticity prof adi milman
Internship authenticity prof adi milmanInternship authenticity prof adi milman
Internship authenticity prof adi milmanleadinghr
 
120409 Ane Flyer
120409 Ane Flyer120409 Ane Flyer
120409 Ane Flyerdgamache
 
Measuring the End User
Measuring the End User Measuring the End User
Measuring the End User APNIC
 
Openstack install-guide-apt-kilo
Openstack install-guide-apt-kiloOpenstack install-guide-apt-kilo
Openstack install-guide-apt-kiloduchant
 
The Library Technology Prototyping Service at Illinois
The Library Technology Prototyping Service at IllinoisThe Library Technology Prototyping Service at Illinois
The Library Technology Prototyping Service at IllinoisJim Hahn
 

Destaque (20)

Factoring out system components – RAMP 2013
Factoring out system components – RAMP 2013Factoring out system components – RAMP 2013
Factoring out system components – RAMP 2013
 
Si Kecil Yang Berharga - A Campaign Against Smoking Around Children
Si Kecil Yang Berharga - A Campaign Against Smoking Around ChildrenSi Kecil Yang Berharga - A Campaign Against Smoking Around Children
Si Kecil Yang Berharga - A Campaign Against Smoking Around Children
 
IDNOG3-Jimmy-CloudFlare
IDNOG3-Jimmy-CloudFlareIDNOG3-Jimmy-CloudFlare
IDNOG3-Jimmy-CloudFlare
 
Water Supply Advisory Committee Draft Agreement on New Supply Options
Water Supply Advisory Committee Draft Agreement on New Supply OptionsWater Supply Advisory Committee Draft Agreement on New Supply Options
Water Supply Advisory Committee Draft Agreement on New Supply Options
 
MZ24-simple (dragged)
MZ24-simple (dragged)MZ24-simple (dragged)
MZ24-simple (dragged)
 
Brookfield - White Paper - LGBT Assignees
Brookfield - White Paper - LGBT AssigneesBrookfield - White Paper - LGBT Assignees
Brookfield - White Paper - LGBT Assignees
 
신기술업무프로세스핵심용어(It비지니스용어집)
신기술업무프로세스핵심용어(It비지니스용어집)신기술업무프로세스핵심용어(It비지니스용어집)
신기술업무프로세스핵심용어(It비지니스용어집)
 
Membuat aplikasi java web enterprise sederhana
Membuat aplikasi java web enterprise sederhanaMembuat aplikasi java web enterprise sederhana
Membuat aplikasi java web enterprise sederhana
 
Internship authenticity prof adi milman
Internship authenticity prof adi milmanInternship authenticity prof adi milman
Internship authenticity prof adi milman
 
Kertas kerja kursus permainan tenis
Kertas kerja kursus permainan tenisKertas kerja kursus permainan tenis
Kertas kerja kursus permainan tenis
 
120409 Ane Flyer
120409 Ane Flyer120409 Ane Flyer
120409 Ane Flyer
 
Roles
RolesRoles
Roles
 
Test
TestTest
Test
 
Measuring the End User
Measuring the End User Measuring the End User
Measuring the End User
 
Openstack install-guide-apt-kilo
Openstack install-guide-apt-kiloOpenstack install-guide-apt-kilo
Openstack install-guide-apt-kilo
 
The Library Technology Prototyping Service at Illinois
The Library Technology Prototyping Service at IllinoisThe Library Technology Prototyping Service at Illinois
The Library Technology Prototyping Service at Illinois
 
The Year Book PR.ONE
The Year Book PR.ONEThe Year Book PR.ONE
The Year Book PR.ONE
 
Let's runaway with Valadoo
Let's runaway with ValadooLet's runaway with Valadoo
Let's runaway with Valadoo
 
Roshe Run Noir Gris
Roshe Run Noir Gris Roshe Run Noir Gris
Roshe Run Noir Gris
 
Kita Hebat
Kita Hebat Kita Hebat
Kita Hebat
 

Semelhante a J query 17-visual-cheat-sheet

JQuery 1.5 cheat sheet by Woork
JQuery 1.5 cheat sheet by WoorkJQuery 1.5 cheat sheet by Woork
JQuery 1.5 cheat sheet by WoorkCésar Mancilla
 
jQuery-Visual-Cheat-Sheet-1.4.2
jQuery-Visual-Cheat-Sheet-1.4.2jQuery-Visual-Cheat-Sheet-1.4.2
jQuery-Visual-Cheat-Sheet-1.4.2brecke
 
jQuery-Visual-Cheat-Sheet-1.4.2
jQuery-Visual-Cheat-Sheet-1.4.2jQuery-Visual-Cheat-Sheet-1.4.2
jQuery-Visual-Cheat-Sheet-1.4.2brecke
 
J query 1.7 cheat sheet
J query 1.7 cheat sheetJ query 1.7 cheat sheet
J query 1.7 cheat sheetmaamir farooq
 
J query 17-visual-cheat-sheet1
J query 17-visual-cheat-sheet1J query 17-visual-cheat-sheet1
J query 17-visual-cheat-sheet1sdcasas
 
VISUAL CHEAT SHEET
VISUAL CHEAT SHEETVISUAL CHEAT SHEET
VISUAL CHEAT SHEETDanilo Sousa
 
Unit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdf
Unit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdfUnit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdf
Unit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdfRAVALCHIRAG1
 
jQuery Visual Cheat Sheet (by WOORK)_1
jQuery Visual Cheat Sheet (by WOORK)_1jQuery Visual Cheat Sheet (by WOORK)_1
jQuery Visual Cheat Sheet (by WOORK)_1brecke
 
J query.1.3.visual.cheat.sheet.by.woork
J query.1.3.visual.cheat.sheet.by.woorkJ query.1.3.visual.cheat.sheet.by.woork
J query.1.3.visual.cheat.sheet.by.woorkSantosh Khalse
 
J Query Introduction And JQuery Selectors
J Query Introduction And JQuery SelectorsJ Query Introduction And JQuery Selectors
J Query Introduction And JQuery SelectorsAnand Kumar Rajana
 
jQuery basics for Beginners
jQuery basics for BeginnersjQuery basics for Beginners
jQuery basics for BeginnersPooja Saxena
 
J query1.2.cheatsheet.v1.0
J query1.2.cheatsheet.v1.0J query1.2.cheatsheet.v1.0
J query1.2.cheatsheet.v1.0Michael Grigsby
 
J query1.2.cheatsheet.v1.0
J query1.2.cheatsheet.v1.0J query1.2.cheatsheet.v1.0
J query1.2.cheatsheet.v1.0Mariaa Maria
 

Semelhante a J query 17-visual-cheat-sheet (20)

JQuery 1.5 cheat sheet by Woork
JQuery 1.5 cheat sheet by WoorkJQuery 1.5 cheat sheet by Woork
JQuery 1.5 cheat sheet by Woork
 
jQuery-Visual-Cheat-Sheet-1.4.2
jQuery-Visual-Cheat-Sheet-1.4.2jQuery-Visual-Cheat-Sheet-1.4.2
jQuery-Visual-Cheat-Sheet-1.4.2
 
jQuery-Visual-Cheat-Sheet-1.4.2
jQuery-Visual-Cheat-Sheet-1.4.2jQuery-Visual-Cheat-Sheet-1.4.2
jQuery-Visual-Cheat-Sheet-1.4.2
 
J query 1.5-visual-cheat-sheet
J query 1.5-visual-cheat-sheetJ query 1.5-visual-cheat-sheet
J query 1.5-visual-cheat-sheet
 
J query 1.7 cheat sheet
J query 1.7 cheat sheetJ query 1.7 cheat sheet
J query 1.7 cheat sheet
 
J query 17-visual-cheat-sheet1
J query 17-visual-cheat-sheet1J query 17-visual-cheat-sheet1
J query 17-visual-cheat-sheet1
 
VISUAL CHEAT SHEET
VISUAL CHEAT SHEETVISUAL CHEAT SHEET
VISUAL CHEAT SHEET
 
Unit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdf
Unit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdfUnit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdf
Unit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdf
 
jQuery Visual Cheat Sheet (by WOORK)_1
jQuery Visual Cheat Sheet (by WOORK)_1jQuery Visual Cheat Sheet (by WOORK)_1
jQuery Visual Cheat Sheet (by WOORK)_1
 
J query.1.3.visual.cheat.sheet.by.woork
J query.1.3.visual.cheat.sheet.by.woorkJ query.1.3.visual.cheat.sheet.by.woork
J query.1.3.visual.cheat.sheet.by.woork
 
Jquery
JqueryJquery
Jquery
 
jQuery
jQueryjQuery
jQuery
 
Jquery for Beginners
Jquery for BeginnersJquery for Beginners
Jquery for Beginners
 
J Query Introduction And JQuery Selectors
J Query Introduction And JQuery SelectorsJ Query Introduction And JQuery Selectors
J Query Introduction And JQuery Selectors
 
Jquery
JqueryJquery
Jquery
 
jQuery basics for Beginners
jQuery basics for BeginnersjQuery basics for Beginners
jQuery basics for Beginners
 
JAVA(UNIT 4)
JAVA(UNIT 4)JAVA(UNIT 4)
JAVA(UNIT 4)
 
Jquery.cheatsheet.1.4
Jquery.cheatsheet.1.4Jquery.cheatsheet.1.4
Jquery.cheatsheet.1.4
 
J query1.2.cheatsheet.v1.0
J query1.2.cheatsheet.v1.0J query1.2.cheatsheet.v1.0
J query1.2.cheatsheet.v1.0
 
J query1.2.cheatsheet.v1.0
J query1.2.cheatsheet.v1.0J query1.2.cheatsheet.v1.0
J query1.2.cheatsheet.v1.0
 

Último

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 

Último (20)

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App Framework
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 

J query 17-visual-cheat-sheet

  • 1. jQUERY 1.7 CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT VISUAL CHEAT SHEET = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING ❉ CORE Attribute Ends With Selector [name :empty Selector :last-child Selector $="value"] Select all elements that have no children (including text nodes). Selects all elements that are the last child of their parent. jQuery.holdReady( hold ) u Selects elements that have the specified attribute with a value ending exactly with a given string. The comparison :enabled Selector :last Selector Holds or releases the execution of jQuery's ready event. is case sensitive. Selects all elements that are enabled. Selects the last matched element. jQuery() jQ Attribute Equals Selector [name="value"] :eq() Selector :lt() Selector Accepts a string containing a CSS selector which is then Selects elements that have the specified attribute with a used to match a set of elements. value exactly equal to a certain value. Select the element at index n within the matched set. Select all elements at an index less than index within the matched set. jQuery( selector [, context] ) - jQuery( element ) jQuery( object ) - jQuery( elementArray ) Attribute Not Equal Selector [name! :even Selector jQuery( jQuery object ) Multiple Attribute Selector [name="value"] ="value"] Selects even elements, zero-indexed. [name2="value2"] Select elements that either don't have the specified jQuery.noConflict( [removeAll] ) Obj Matches elements that match all of the specified attribute filters. attribute, or do have the specified attribute but not with a :file Selector certain value. Relinquish jQuery's control of the $ variable. Selects all elements of type file. Multiple Selector (“selector1, selector2, selectorN”) jQuery.sub() jQ Attribute Starts With Selector :first-child Selector [name^="value"] Selects the combined results of all the specified selectors. Creates a new copy of jQuery whose properties and Selects all elements that are the first child of their parent. methods can be modified without affecting the original Selects elements that have the specified attribute with a value beginning exactly with a given string. Next Adjacent Selector (“prev + next”) jQuery object. :first Selector Selects all next elements matching "next" that are immediately :button Selector Selects the first matched element. preceded by a sibling "prev". jQuery.when( deferreds ) pr Selects all button elements and elements of type button. Provides a way to execute callback functions based on one :focus selector Next Siblings Selector (“prev ~ siblings”) or more objects, usually Deferred objects that represent asynchronous events. Selects element if it is currently focused. Selects all sibling elements that follow after the "prev" element, :checkbox Selector have the same parent, and match the filtering "siblings" Selects all elements of type checkbox. selector. :gt() Selector Select all elements at an index greater than index within the :not() Selector ❉ SELECTORS :checked Selector matched set. Selects all elements that do not match the given selector. Matches all elements that are checked. All Selector (“*”) Has Attribute Selector [name] :nth-child() Selector Selects all elements. Child Selector (“parent > child”) Selects elements that have the specified attribute, with any value. Selects all elements that are the nth-child of their parent. Selects all direct child elements specified by "child" of :animated Selector elements specified by "parent". :has() Selector :odd Selector Select all elements that are in the progress of an animation at the time the selector is run. Class Selector (“.class”) Selects elements which contain at least one element that Selects odd elements, zero-indexed. matches the specified selector. Selects all elements with the given class. :only-child Selector Attribute Contains Prefix Selector [name| :header Selector ="value"] :contains() Selector Selects all elements that are the only child of their parent. Selects all elements that are headers, like h1, h2, h3 and so on. Selects elements that have the specified attribute with a Select all elements that contain the specified text. value either equal to a given string or starting with that :parent Selector string followed by a hyphen (-). :hidden Selector Select all elements that are the parent of another element, Descendant Selector (“ancestor Selects all elements that are hidden. including text nodes. descendant”) Attribute Contains Selector [name*="value"] Selects all elements that are descendants of a given ID Selector (“#id”) :password Selector ancestor. Selects elements that have the specified attribute with a Selects a single element with the given id attribute. Selects all elements of type password. value containing the a given substring. :disabled Selector :image Selector :radio Selector Attribute Contains Word Selector Selects all elements that are disabled. Selects all elements of type image. Selects all elements of type password. [name~="value"] Selects elements that have the specified attribute with a Element Selector (“element”) :input Selector :reset Selector value containing a given word, delimited by spaces. Selects all elements with the given tag name. Selects all input, textarea, select and button elements. Selects all elements of type reset.
  • 2. jQUERY 1.7 CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT VISUAL CHEAT SHEET = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING :selected Selector .removeProp( propertyName ) jQ .filter() jQ .not() jQ Selects all elements that are selected. Remove a property for the set of matched elements. Reduce the set of matched elements to those that match Remove elements from the set of matched elements. the selector or pass the function's test. .not( selector ) - .not( elements ) - .not( function(index) ) :submit Selector .toggleClass( className ) jQ .filter( selector ) - .filter( function(index) ) .filter( element ) - .filter( jQuery object ) Selects all elements of type submit. Add or remove one or more classes from each element in the set of matched elements, depending on either the .offsetParent() jQ class's presence or the value of the switch argument. .find( selector ) jQ :text Selector Get the closest ancestor element that is positioned. .val() Str Get the descendants of each element in the current set of Selects all elements of type text. matched elements, filtered by a selector, jQuery object, or Get the current value of the first element in the set of N element. .parent( [selector] ) jQ matched elements. :visible Selector a() .find( selector ) - .find( jQuery object ) - .find( element ) Get the parent of each element in the current set of .val( value ) - .val( function(index, value) ) matched elements, optionally filtered by a selector. Selects all elements that are visible. jQ .first() jQ Reduce the set of matched elements to the first in the set. .parents( [selector] ) jQ ❉ TRAVERSING ❉ ATTRIBUTES Get the ancestors of each element in the current set of .has() jQ matched elements, optionally filtered by a selector. .add() jQ .addClass() jQ Reduce the set of matched elements to those that have a Add elements to the set of matched elements. descendant that matches the selector or DOM element. Adds the specified class(es) to each of the set of matched .parentsUntil() jQ elements. .add( selector ) - .add( elements ) - .add( html ) .has( selector ) - .has( contained ) Get the ancestors of each element in the current set of .add( jQuery object ) - .add( selector, context ) .addClass( className ) - .addClass( function(index, matched elements, up to but not including the element currentClass) ) .is() jQ matched by the selector, DOM node, or jQuery object. .andSelf() jQ .parentsUntil( [selector] [, filter] ) .attr() Str Add the previous set of elements on the stack to the Check the current matched set of elements against a .parentsUntil( [element] [, filter] ) current set. selector, element, or jQuery object and return true if at Get the value of an attribute for the first element in the set least one of these elements matches the given arguments. of matched elements. .children( [selector] ) jQ .is( selector ) - .is( function(index) ) - .is( jQuery object ) .attr( attributeName ) - .attr( attributeName, value ) .is( element ) .prev( [selector] ) jQ Get the children of each element in the set of matched elements, optionally filtered by a selector. Get the immediately preceding sibling of each element in .last() jQ the set of matched elements, optionally filtered by a .hasClass( className ) Str selector. Determine whether any of the matched elements are .closest() jQ Reduce the set of matched elements to the final one in the assigned the given class. set. Get the first element that matches the selector, beginning a() at the current element and progressing up through the .prevAll( [selector] ) jQ .html() Str DOM tree. .map( callback(index, domElement) ) jQ Get all preceding siblings of each element in the set of jQ .closest( selector ) - .closest( selector [, context] ) Pass each element in the current matched set through a matched elements, optionally filtered by a selector. Get the HTML contents of the first element in the set of .closest( jQuery object ) - .closest( element ) function, producing a new jQuery object containing the matched elements. .closest( selectors [ , context ] ) return values. .html( htmlString ) - .html( function(index, oldhtml) ) .prevUntil() jQ .contents() jQ .next( [selector] ) jQ Get all preceding siblings of each element up to but not .prop() Str Get the children of each element in the set of matched including the element matched by the selector, DOM node, elements, including text and comment nodes. Get the immediately following sibling of each element in Get the value of a property for the first element in the set jQ or jQuery object. the set of matched elements. If a selector is provided, it of matched elements. retrieves the next sibling only if it matches that selector. .prevUntil( [selector] [, filter] ) .prop( propertyName ) - .prop( propertyName, value ) .each( function(index, Element) ) jQ .prevUntil( [element] [, filter] ) Iterate over a jQuery object, executing a function for each .nextAll( [selector] ) jQ matched element. .removeAttr( attributeName ) jQ Get all following siblings of each element in the set of matched elements, optionally filtered by a selector. .siblings( [selector] ) jQ Remove an attribute from each element in the set of .end() jQ matched elements. Get the siblings of each element in the set of matched End the most recent filtering operation in the current elements, optionally filtered by a selector. chain and return the set of matched elements to its .nextUntil() jQ .removeClass() jQ previous state. Get all following siblings of each element up to but not including the element matched by the selector, DOM node, .slice( start [, end] ) jQ Remove a single class, multiple classes, or all classes from .eq( index ) jQ or jQuery object passed. each element in the set of matched elements. Reduce the set of matched elements to a subset specified Reduce the set of matched elements to the one at the .nextUntil( [selector] [, filter] ) - .nextUntil( [element] [, .removeClass( [className] ) by a range of indices. specified index. filter] ) .removeClass( function(index, class) )
  • 3. jQUERY 1.7 CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT VISUAL CHEAT SHEET = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING ❉ MANIPULATION .hasClass( className ) Str .remove( [selector] ) Str .val() Str Determine whether any of the matched elements are Remove the set of matched elements from the DOM. Get the current value of the first element in the set of N .addClass() jQ assigned the given class. matched elements. a() Adds the specified class(es) to each of the set of matched .removeAttr( attributeName ) jQ .val( value ) - .val( function(index, value) ) jQ .html() Str elements. Remove an attribute from each element in the set of Get the HTML contents of the first element in the set of jQ matched elements. .addClass( className ) - .addClass( function(index, matched elements. .width() Int currentClass) ) .html( htmlString ) - .html( function(index, oldhtml) ) Get the current computed width for the first element in .removeClass() jQ the set of matched elements. .after() jQ .innerHeight() Int Remove a single class, multiple classes, or all classes from .width( value ) - .width( function(index, width) ) Insert content, specified by the parameter, after each each element in the set of matched elements. element in the set of matched elements. Get the current computed height for the first element in .removeClass( [className] ) the set of matched elements, including padding but not .wrap() jQ .after( content [, content] ) - .after( function(index) ) .removeClass( function(index, class) ) border. Wrap an HTML structure around each element in the set .append() jQ .innerWidth() Int .removeProp( propertyName ) jQ of matched elements. .wrap( wrappingElement ) - .wrap( function(index) ) Insert content, specified by the parameter, to the end of Get the current computed width for the first element in Remove a property for the set of matched elements. each element in the set of matched elements. the set of matched elements, including padding but not border. .append( content [, content] ) .replaceAll( target ) jQ .wrapAll( wrappingElement ) jQ .append( function(index, html) ) .insertAfter( target ) Int Replace each target element with the set of matched Wrap an HTML structure around all elements in the set of elements. matched elements. .appendTo( target ) jQ Insert every element in the set of matched elements after the target. Insert every element in the set of matched elements to the .replaceWith() jQ .wrapInner() jQ end of the target. .insertBefore( target ) Int Replace each element in the set of matched elements with Wrap an HTML structure around the content of each the provided new content. element in the set of matched elements. .attr() jQ Insert every element in the set of matched elements before the target. .replaceWith( newContent ) - .replaceWith( function ) .wrapInner( wrappingElement ) Get the value of an attribute for the first element in the set .wrapInner( function(index) ) of matched elements. .offset() Int .scrollLeft() jQ .attr( attributeName ) - .attr( attributeName, value ) Get the current coordinates of the first element in the set Get the current horizontal position of the scroll bar for the of matched elements, relative to the document. first element in the set of matched elements. ❉ CSS .before() jQ .offset( coordinates ) - .offset( function(index, coords) ) .scrollLeft( value ) Insert content, specified by the parameter, before each element in the set of matched elements. .outerHeight( [includeMargin] ) Int .addClass() jQ .scrollTop() jQ .before( content [, content] ) - .before( function ) Get the current computed height for the first element in Adds the specified class(es) to each of the set of matched the set of matched elements, including padding, border, Get the current vertical position of the scroll bar for the elements. and optionally margin. Returns an integer (without "px") first element in the set of matched elements. .clone() jQ .addClass( className ) - .addClass( function(index, representation of the value or null if called on an empty currentClass) ) .scrollTop value ) Create a deep copy of the set of matched elements. set of elements. .clone( [withDataAndEvents] ) .clone( [withDataAndEvents] [,deepWithDataAndEvents] ) .position() Obj .text() jQ .css() Str Get the current coordinates of the first element in the set Get the combined text contents of each element in the set Get the value of a style property for the first element in jQ .css() Str of matched elements, relative to the offset parent. of matched elements, including their descendants. the set of matched elements. jQ .text( textString ) - .text( function(index, text) ) .css( propertyName ) - .css( propertyName, value ) Get the value of a style property for the first element in the set of matched elements. .prepend( content [, content] ) jQ .css( propertyName, function(index, value) ) .css( map ) .css( propertyName ) - .css( propertyName, value ) Insert content, specified by the parameter, to the .toggleClass() jQ .css( propertyName, function(index, value) ) beginning of each element in the set of matched elements. Add or remove one or more classes from each element in .css( map ) jQuery.cssHooks Obj the set of matched elements, depending on either the .prependTo( target ) jQ class's presence or the value of the switch argument. Hook directly into jQuery to override how particular CSS .detach( [selector] ) jQ Insert every element in the set of matched elements to the .toggleClass( className ) properties are retrieved or set, normalize CSS property beginning of the target. .toggleClass( className, switch ) naming, or create custom properties. Remove the set of matched elements from the DOM. .prop() Str .empty() jQ .unwrap() jQ .hasClass( className ) Str Get the value of a property for the first element in the set jQ Remove all child nodes of the set of matched elements of matched elements. Remove the parents of the set of matched elements from Determine whether any of the matched elements are from the DOM. the DOM, leaving the matched elements in their place. assigned the given class. .prop( propertyName ) - .prop( propertyName, value )
  • 4. jQUERY 1.7 CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT VISUAL CHEAT SHEET = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING .height() Int .toggleClass() jQ .die() jQ event.result Obj Get the current computed height for the first element in Add or remove one or more classes from each element in Remove all event handlers previously attached The last value returned by an event handler that was the set of matched elements. the set of matched elements, depending on either the using .live() from the elements. triggered by this event, unless the value was undefined. class's presence or the value of the switch argument. .height( value ) .die( eventType [, handler] ) .height( function(index, height) ) .toggleClass( className ) .die( eventTypes ) event.stopImmediatePropagation() .toggleClass( className, switch ) Prevents other event handlers from being called. .innerHeight() Int .error() jQ .width() Int Get the current computed height for the first element in Bind an event handler to the "error" JavaScript event. event.stopPropagation() the set of matched elements, including padding but not Get the current computed width for the first element in .error( handler(eventObject) ) border. the set of matched elements. Prevents the event from bubbling up the DOM tree, .error( [eventData], handler(eventObject) ) .width( value ) - .width( function(index, width) ) preventing any parent handlers from being notified of the event. .innerWidth() Int event.currentTarget jQ Get the current computed width for the first element in The current DOM element within the event bubbling the set of matched elements, including padding but not event.target el phase. border. ❉ EVENTS The DOM element that initiated the event. event.data Any .offset() Int .bind() jQ event.timeStamp N The optional data passed to jQuery.fn.bind when the Get the current coordinates of the first element in the set Attach a handler to an event for the elements. current executing handler was bound. The difference in milliseconds between the time the of matched elements, relative to the document. browser created the event and January 1, 1970. .bind( eventType [, eventData], handler(eventObject) ) .offset( coordinates ) - .offset( function(index, coords) ) .bind( eventType [, eventData], preventBubble ) event.delegateTarget el .bind( events ) event.type Str The element where the currently-called jQuery event .outerHeight( [includeMargin] ) Int handler was attached. .blur() jQ Describes the nature of the event. Get the current computed height for the first element in the set of matched elements, including padding, border, Bind an event handler to the "blur" JavaScript event, or event.isDefaultPrevented() 0-1 and optionally margin. Returns an integer (without "px") trigger that event on an element. event.which N representation of the value or null if called on an empty Returns whether event.preventDefault() was ever called .blur( handler(eventObject) ) For key or button events, this attribute indicates the set of elements. on this event object. .blur( [eventData], handler(eventObject) ) specific button or key that was pressed. .outerWidth( [includeMargin] ) Int event.isImmediatePropagationStopped() 0-1 .change() jQ .focus() jQ Get the current computed width for the first element in Returns whether event.stopImmediatePropagation() was Bind an event handler to the "change" JavaScript event, ever called on this event object. Bind an event handler to the "focus" JavaScript event, or the set of matched elements, including padding and or trigger that event on an element. trigger that event on an element border. .change( handler(eventObject) ) .focus( handler(eventObject) ) event.isPropagationStopped() 0-1 .change( [eventData], handler(eventObject) ) .focus( [eventData], handler(eventObject) ) .position() Obj Returns whether event.stopPropagation() was ever called Get the current coordinates of the first element in the set on this event object. .click() jQ of matched elements, relative to the offset parent. .focusin() jQ Bind an event handler to the "click" JavaScript event, or event.namespace Str trigger that event on an element. Bind an event handler to the "focusin" event. .removeClass() jQ The namespace specified when the event was triggered. .focusin( handler(eventObject) ) .click( handler(eventObject) ) .click( [eventData], handler(eventObject) ) .focusin( [eventData], handler(eventObject) ) Remove a single class, multiple classes, or all classes from each element in the set of matched elements. event.pageX N .removeClass( [className] ) .dblclick() jQ The mouse position relative to the left edge of the .focusout() jQ .removeClass( function(index, class) ) document. Bind an event handler to the "dblclick" JavaScript event, Bind an event handler to the "focusout" JavaScript event. or trigger that event on an element. event.pageY .focusout( handler(eventObject) ) .scrollLeft() Int N .focusout( [eventData], handler(eventObject) ) .dblclick( handler(eventObject) ) Get the current horizontal position of the scroll bar for the .dblclick( [eventData], handler(eventObject) ) The mouse position relative to the top edge of the first element in the set of matched elements. document. .hover() jQ .scrollLeft( value ) .delegate() jQ event.preventDefault() u Bind two handlers to the matched elements, to be Attach a handler to one or more events for all elements executed when the mouse pointer enters and leaves the .scrollTop() Int that match the selector, now or in the future, based on a If this method is called, the default action of the event will elements. specific set of root elements. not be triggered. Get the current vertical position of the scroll bar for the .hover( handlerIn(eventObject) first element in the set of matched elements. .delegate( selector, eventType, handler ) .handlerOut(eventObject) ) .delegate( selector, eventType, eventData, handler ) event.relatedTarget el .hover( handlerInOut(eventObject) ) .scrollTop( value ) .delegate( selector, events ) The other DOM element involved in the event, if any.
  • 5. jQUERY 1.7 CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT VISUAL CHEAT SHEET = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING .keydown() jQ .mouseout() jQ .scroll() jQ .undelegate() jQ Bind an event handler to the "keydown" JavaScript event, Bind an event handler to the "mouseout" JavaScript Bind an event handler to the "scroll" JavaScript event, or Remove a handler from the event for all elements which or trigger that event on an element. event, or trigger that event on an element. trigger that event on an element. match the current selector, based upon a specific set of root elements. .keydown( handler(eventObject) ) .mouseout( handler(eventObject) ) .scroll( handler(eventObject) ) .keydown( [eventData], handler(eventObject) ) .mouseout( [eventData], handler(eventObject) ) .scroll( [eventData], handler(eventObject) ) .undelegate( selector, eventType ) .undelegate( selector, eventType, handler ) .undelegate( selector, events ) .keypress() jQ .mouseover() jQ .undelegate( namespace ) .select() jQ Bind an event handler to the "keypress" JavaScript event, Get the current computed width for the first element in or trigger that event on an element. Bind an event handler to the "select" JavaScript event, or .unload() jQ the set of matched elements. trigger that event on an element. .keypress( handler(eventObject) ) .mouseover( handler(eventObject) ) Bind an event handler to the "unload" JavaScript event. .keypress( [eventData], handler(eventObject) ) .select( handler(eventObject) ) .mouseover( [eventData], handler(eventObject) ) .select( [eventData], handler(eventObject) ) .unload( handler(eventObject) ) .unload( [eventData], handler(eventObject) ) .keyup() jQ .mouseup() jQ Bind an event handler to the "keyup" JavaScript event, or .submit() jQ Bind an event handler to the "mouseup" JavaScript event, trigger that event on an element. or trigger that event on an element. Bind an event handler to the "submit" JavaScript event, .keyup( handler(eventObject) ) or trigger that event on an element. ❉ EFFECTS .mouseup( handler(eventObject) ) .keyup( [eventData], handler(eventObject) ) .mouseup( [eventData], handler(eventObject) ) .submit( handler(eventObject) ) .submit( [eventData], handler(eventObject) ) .animate() jQ .live() jQ Perform a custom animation of a set of CSS properties. .off() jQ Attach an event handler for all elements which match the .animate( properties [, duration] [, easing] [, complete] ) .toggle() jQ current selector, now and in the future. Remove an event handler. .animate( properties, options ) .live( events, handler ) - .live( events, data, handler ) Bind two or more handlers to the matched elements, to be .off( events [, selector] [, handler] ) executed on alternate clicks. .live( events-map ) .off( events-map [, selector] ) .clearQueue( [queueName] ) jQ handler(eventObject), handler(eventObject) [, handler(eventObject)] Remove from the queue all items that have not yet been .load() jQ .on() jQ run. Bind an event handler to the "load" JavaScript event. Bind an event handler to the "click" JavaScript event, or .delay( duration [, queueName] ) jQ .load( handler(eventObject) ) trigger that event on an element. .trigger() jQ .load( [eventData], handler(eventObject) ) Execute all handlers and behaviors attached to the Set a timer to delay execution of subsequent items in the .on( events [, selector] [, data], handler ) queue. .on( events-map [, selector] [, data] ) matched elements for the given event type. .mousedown() jQ .trigger( eventType, extraParameters ) .dequeue( [queueName] ) jQ .one() jQ .trigger( event ) Bind an event handler to the "mousedown" JavaScript event, or trigger that event on an element. Execute the next function on the queue for the matched Attach a handler to an event for the elements. The elements. .mousedown( handler(eventObject) ) handler is executed at most once per element. .triggerHandler() jQ .mousedown( [eventData], handler(eventObject) ) .one( events [, data], handler ) .fadeIn() jQ .one( events [, selector] [, data], handler ) Execute all handlers attached to an element for an event. .one( events-map [, selector] [, data] ) Display the matched elements by fading them to opaque. .mouseenter() jQ .triggerHandler( eventType, extraParameters ) .fadeIn( [duration] [, callback] ) Bind an event handler to be fired when the mouse enters .fadeIn( [duration] [, easing] [, callback] ) an element, or trigger that handler on an element. jQuery.proxy() jQ .unbind() jQ .mouseenter( handler(eventObject) ) Takes a function and returns a new one that will always .fadeOut() jQ .mouseenter( [eventData], handler(eventObject) ) Remove a previously-attached event handler from the have a particular context. elements. Hide the matched elements by fading them to jQuery.proxy( function, context ) transparent. .unbind( [eventType] [, handler(eventObject)] ) .mouseleave() jQ jQuery.proxy( context, name ) .unbind( eventType, false ) .fadeOut( [duration] [, callback] ) Bind an event handler to be fired when the mouse leaves .fadeOut( [duration] [, easing] [, callback] ) an element, or trigger that handler on an element. .ready( handler ) jQ .mouseleave( handler(eventObject) .undelegate() jQ .fadeTo() jQ Specify a function to execute when the DOM is fully .mouseleave( [eventData], handler(eventObject) ) loaded. Remove a handler from the event for all elements which Adjust the opacity of the matched elements. match the current selector, based upon a specific set of root elements. .fadeTo( duration, opacity [, callback] ) .mousemove() jQ .resize() jQ .fadeTo( duration, opacity [, easing] [, callback] ) .undelegate( selector, eventType ) Bind an event handler to the "mousemove" JavaScript Bind an event handler to the "resize" JavaScript event, or .undelegate( selector, eventType, handler ) event, or trigger that event on an element. trigger that event on an element. .undelegate( selector, events ) .fadeToggle( [duration] [, easing] [, jQ .mousemove( handler(eventObject) ) .resize( handler(eventObject) ) .undelegate( namespace ) callback] ) .mousemove( [eventData], handler(eventObject) ) .resize( [eventData], handler(eventObject) ) Display or hide the matched elements by animating their opacity.