impulse_studios-jquery_cheat_sheet-1.0.pdf

1
jQuery 1.4 Cheat Sheet ImpulseStudios.ca Core Effects Manipulation Events Ajax Traversing Miscellaneous Utilities Attributes CSS Legend Data Selectors jQuery Function Basics Copying DOM Insertion, Around DOM Insertion, Inside DOM Insertion, Outside DOM Removal DOM Replacement Document Loading Global Ajax Event Handlers Filtering Tree Traversal Collection Manipulation Properties of the Global jQuery Object Collection Manipulation Miscellaneous Traversing Shorthand Methods Helper Functions Low-Level Interface Event Handler Attachment Browser Events Form Events Keyboard Events Mouse Events Event Object Fading Sliding Custom General Attributes Style Properties Class Attribute Dimensions Offset Basic Hierarchy Attribute Basic Filter Content Filter Visibility Filter Child Filter Form No Conflict parent > child ancestor descendant prev + next prev ~ siblings :animated :eq(index) :even :odd :first :last :gt(index) :header :lt(index) :not(selector) * #id element .class selector, selectorN :contains(text) :empty :has(selector) :parent :hidden :visible :first-child :last-child :nth-child(index/even/odd/eq) :only-child :button :checkbox :checked :disabled :enabled :file :image :input :password :radio :reset :selected :submit :text [attribute|=val] [attribute*=val] [attribute~=val] [attribute$=val] [attribute=val] [attribute!=val] [attribute^=val] [attribute] [attribute1=val1] [attribute2=val2] $(selector, context) $(html, owner) $(callback) .hide(dur, cb) .show(dur, cb) .toggle(dur, cb) .toggle(showOrHide) .clone(withDataAndElements) .wrap(element|fn)* .wrapAll(element) .wrapInner(element|fn)* .unwrap()* .append(content|fn)* .appendTo(target) .prepend(content|fn)* .prependTo(target) .aſter(content|fn)* .before(content|fn)* .insertAſter() .insertBefore() .detach(selector)* .empty() .remove(selector) .replaceAll() .replaceWith(content|fn)* .load(fn) .ready(fn) .unload(fn) .ajaxComplete(cb) .ajaxError(cb) .ajaxSend(cb) .ajaxStart(cb) .ajaxStop(cb) .ajaxSuccess(cb) .eq(index) .filter(selector) .filter(fn) .first() .last() .has(selector)* .has(contained)* .is(selector) .map(cb) .not(selector) .not(elements) .not(fn) .children(selector) .closest(selector, context)* .closest(selectors, context)* .find(selector) .next(selector) .nextAll(selector) .nextUntil(selector)* .offsetParent() .parent(selector) .parents(selector) .parentsUntil(selector)* .prev(selector) .prevAll(selector) .prevUntil(selector)* .siblings(selector) .each(fn) jQuery.contains(container, contained)* jQuery.each(obj, fn) jQuery.extend(deep, target, obj, objN) jQuery.globalEval(code) jQuery.grep(array, fn, invert) jQuery.inArray(val, array) jQuery.isArray(obj) jQuery.isEmptyObject(obj)* jQuery.isFunction() jQuery.isPlainObject(obj)* jQuery.isXMLDoc(node) jQuery.makeArray(obj) jQuery.map(array, cb) jQuery.merge(array1, array2) jQuery.noop* jQuery.trim() jQuery.unique(array) jQuery.support jQuery.browser jQuery.browser.version .get(index) .index(selector|element)* .size() .toArray()* .add(selector) .add(elements) .add(html) .add(selector, context)* .andSelf() .contents() .end() jQuery.get(url, data, cb, type) jQuery.post(url, data, cb, type) jQuery.getJSON(url, data, cb) jQuery.getScript(url, cb) .load(url, data, cb) jQuery.param(obj, traditional)* .serialize() .serialzeArray() jQuery.ajax(settings) jQuery.ajaxSetup(options) .bind(type, data, fn) .bind(events)* .unbind(type, fn) .unbind(event)* .live(type, data, fn)* .die(type, fn) .one(type, data, fn) jQuery.proxy(fn, scope)* jQuery.proxy(scope, name)* .trigger(type, params) .triggerHandler(type, params) .error(fn) .resize(fn) .scroll(fn) .blur(fn) .change(fn) .focus(fn) .select(fn) .submit(fn) .focusin(fn)* .focusout(fn)* .keydown(fn) .keypress(fn) .keyup(fn) .click(fn) .dblclick(fn) .hover(fn, fn) .mousedown(fn) .mouseenter(fn) .mouseleave(fn) .mousemove(fn) .mouseout(fn) .mouseover(fn) .mouseup(fn) event.currentTarget event.data event.isDefaultPrevented() event.isImmediatePropagationStopped() event.isPropagationStopped() event.pageX event.pageY event.preventDefault event.relatedTarget event.result event.stopImmediatePropagation() event.target event.timeStamp event.type event.which .fadeIn(dur, cb) .fadeOut(dur, cb) .fadeTo(dur, opacity, cb) .slideUp(dur, cb) .slideDown(dur, cb) .slideToggle(dur, cb) .animate(prop, dur, easing, cb) .animate(prop, options) .delay(dur, queueName)* jQuery.fx.off .stop(clearQueue, jumpToEnd) .attr(attribute) .attr(attribute, val) .attr(attribute, fn) .removeAttr(attribute) .html() .html(string) .text() .text(string) .val() .val(value) .css(property) .css(property, val|fn)* light text item|item obj bool fn cb num val dur * jQuery.data(element, key, value) jQuery.data(element, key) .queue(queueName) .queue(queueName, newQueue|cb) .clearQueue(queueName)* .dequeue(queueName) .addClass(name|fn)* .removeClass(name|fn)* .hasClass(name) .toggleClass(name|fn, switch)* .height() .height(val) .width() .width(val) .innerHeight() .innerWidth() .outerHeight(margin) .outerWidth(margin) .offset() .offset(coordinates)* .position() .scrollLeſt() .scrollLeſt(val) .scrollTop() .scrollLeſt(val) jQuery.noConflict(bool) jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery array jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery bool obj obj array num bool bool bool bool bool array array array fn string array obj map string element, array num num array jQuery jQuery jQuery jQuery jQuery jQuery jQuery XHR XHR XHR XHR jQuery string string array XHR jQuery jQuery jQuery jQuery jQuery jQuery jQuery fn fn jQuery obj jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery element anything bool bool bool num num element obj element num string string jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery bool jQuery obj jQuery jQuery jQuery string jQuery string jQuery string, array jQuery string jQuery optional parameter or object boolean function callback number value duration new or updated in 1.4 jQuery obj array jQuery jQuery jQuery jQuery jQuery bool jQuery int jQuery int jQuery int int int int obj{top,leſt} obj obj{top,leſt} int jQuery int jQuery jQuery

Transcript of impulse_studios-jquery_cheat_sheet-1.0.pdf

  • jQuery 1.4 Cheat Sheet ImpulseStudios.ca

    Core Effects

    Manipulation

    Events Ajax

    Traversing

    Miscellaneous

    Utilities

    Attributes

    CSS

    Legend

    Data

    Selectors

    jQuery Function Basics

    Copying

    DOM Insertion, Around

    DOM Insertion, Inside

    DOM Insertion, Outside

    DOM Removal

    DOM Replacement

    Document Loading Global Ajax Event Handlers

    Filtering

    Tree Traversal

    Collection Manipulation

    Properties of the Global jQuery Object

    Collection Manipulation

    Miscellaneous Traversing

    Shorthand Methods

    Helper Functions

    Low-Level Interface

    Event Handler Attachment

    Browser Events

    Form Events

    Keyboard Events

    Mouse Events

    Event Object

    Fading

    Sliding

    Custom

    General Attributes

    Style Properties

    Class Attribute

    Dimensions

    Offset

    Basic

    Hierarchy

    Attribute

    Basic Filter

    Content Filter

    Visibility Filter

    Child Filter

    Form

    No Conflict

    parent > childancestor descendantprev + next

    prev ~ siblings

    :animated:eq(index):even:odd:first:last:gt(index):header:lt(index)

    :not(selector)

    *#idelement.classselector, selectorN

    :contains(text):empty:has(selector):parent

    :hidden:visible

    :first-child:last-child:nth-child(index/even/odd/eq):only-child

    :button:checkbox:checked:disabled:enabled:file:image:input:password:radio:reset:selected:submit:text

    [attribute|=val][attribute*=val][attribute~=val][attribute$=val][attribute=val][attribute!=val][attribute^=val][attribute][attribute1=val1] [attribute2=val2]

    $(selector, context)$(html, owner)$(callback)

    .hide(dur, cb)

    .show(dur, cb)

    .toggle(dur, cb)

    .toggle(showOrHide)

    .clone(withDataAndElements)

    .wrap(element|fn)*

    .wrapAll(element)

    .wrapInner(element|fn)*

    .unwrap()*

    .append(content|fn)*

    .appendTo(target)

    .prepend(content|fn)*

    .prependTo(target)

    .after(content|fn)*

    .before(content|fn)*

    .insertAfter()

    .insertBefore()

    .detach(selector)*

    .empty()

    .remove(selector)

    .replaceAll()

    .replaceWith(content|fn)*

    .load(fn)

    .ready(fn)

    .unload(fn)

    .ajaxComplete(cb)

    .ajaxError(cb)

    .ajaxSend(cb)

    .ajaxStart(cb)

    .ajaxStop(cb)

    .ajaxSuccess(cb)

    .eq(index)

    .filter(selector)

    .filter(fn)

    .first()

    .last()

    .has(selector)*

    .has(contained)*

    .is(selector)

    .map(cb)

    .not(selector)

    .not(elements)

    .not(fn)

    .children(selector)

    .closest(selector, context)*

    .closest(selectors, context)*

    .find(selector)

    .next(selector)

    .nextAll(selector)

    .nextUntil(selector)*

    .offsetParent()

    .parent(selector)

    .parents(selector)

    .parentsUntil(selector)*

    .prev(selector)

    .prevAll(selector)

    .prevUntil(selector)*

    .siblings(selector)

    .each(fn)

    jQuery.contains(container, contained)*jQuery.each(obj, fn)jQuery.extend(deep, target, obj, objN)jQuery.globalEval(code)jQuery.grep(array, fn, invert)jQuery.inArray(val, array)jQuery.isArray(obj)jQuery.isEmptyObject(obj)*jQuery.isFunction()jQuery.isPlainObject(obj)*jQuery.isXMLDoc(node)jQuery.makeArray(obj)jQuery.map(array, cb)jQuery.merge(array1, array2)jQuery.noop*jQuery.trim()jQuery.unique(array)

    jQuery.supportjQuery.browserjQuery.browser.version

    .get(index)

    .index(selector|element)*

    .size()

    .toArray()*

    .add(selector)

    .add(elements)

    .add(html)

    .add(selector, context)*

    .andSelf()

    .contents()

    .end()

    jQuery.get(url, data, cb, type)jQuery.post(url, data, cb, type)jQuery.getJSON(url, data, cb)jQuery.getScript(url, cb).load(url, data, cb)

    jQuery.param(obj, traditional)*.serialize().serialzeArray()

    jQuery.ajax(settings)jQuery.ajaxSetup(options)

    .bind(type, data, fn)

    .bind(events)*

    .unbind(type, fn)

    .unbind(event)*

    .live(type, data, fn)*

    .die(type, fn)

    .one(type, data, fn)jQuery.proxy(fn, scope)*jQuery.proxy(scope, name)*.trigger(type, params).triggerHandler(type, params)

    .error(fn)

    .resize(fn)

    .scroll(fn)

    .blur(fn)

    .change(fn)

    .focus(fn)

    .select(fn)

    .submit(fn)

    .focusin(fn)*

    .focusout(fn)*

    .keydown(fn)

    .keypress(fn)

    .keyup(fn)

    .click(fn)

    .dblclick(fn)

    .hover(fn, fn)

    .mousedown(fn)

    .mouseenter(fn)

    .mouseleave(fn)

    .mousemove(fn)

    .mouseout(fn)

    .mouseover(fn)

    .mouseup(fn)

    event.currentTargetevent.dataevent.isDefaultPrevented()event.isImmediatePropagationStopped()event.isPropagationStopped()event.pageXevent.pageYevent.preventDefaultevent.relatedTargetevent.resultevent.stopImmediatePropagation()event.targetevent.timeStampevent.typeevent.which

    .fadeIn(dur, cb)

    .fadeOut(dur, cb)

    .fadeTo(dur, opacity, cb)

    .slideUp(dur, cb)

    .slideDown(dur, cb)

    .slideToggle(dur, cb)

    .animate(prop, dur, easing, cb)

    .animate(prop, options)

    .delay(dur, queueName)*jQuery.fx.off.stop(clearQueue, jumpToEnd)

    .attr(attribute)

    .attr(attribute, val)

    .attr(attribute, fn)

    .removeAttr(attribute)

    .html()

    .html(string)

    .text()

    .text(string)

    .val()

    .val(value)

    .css(property)

    .css(property, val|fn)*

    light textitem|itemobjboolfn

    cbnumvaldur*

    jQuery.data(element, key, value)jQuery.data(element, key).queue(queueName).queue(queueName, newQueue|cb).clearQueue(queueName)*.dequeue(queueName)

    .addClass(name|fn)*

    .removeClass(name|fn)*

    .hasClass(name)

    .toggleClass(name|fn, switch)*

    .height()

    .height(val)

    .width()

    .width(val)

    .innerHeight()

    .innerWidth()

    .outerHeight(margin)

    .outerWidth(margin)

    .offset()

    .offset(coordinates)*

    .position()

    .scrollLeft()

    .scrollLeft(val)

    .scrollTop()

    .scrollLeft(val)

    jQuery.noConflict(bool)

    jQueryjQueryjQuery

    jQueryjQueryjQueryjQuery

    jQuery

    jQueryjQueryjQueryjQuery

    jQueryjQueryjQueryjQuery

    jQueryjQueryjQueryjQuery

    jQueryjQueryjQuery

    jQueryjQuery

    jQueryjQueryjQuery

    jQueryjQueryjQueryjQueryjQueryjQuery

    jQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQuery

    jQueryjQuery

    arrayjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQuery

    jQuery

    boolobjobj

    arraynumboolboolboolboolboolarrayarrayarray

    fnstringarray

    objmap

    string

    element, arraynumnumarray

    jQueryjQueryjQueryjQueryjQueryjQueryjQuery

    XHRXHRXHRXHR

    jQuery

    stringstringarray

    XHR

    jQueryjQueryjQueryjQueryjQueryjQueryjQuery

    fnfn

    jQueryobj

    jQueryjQueryjQuery

    jQueryjQueryjQueryjQueryjQuery

    jQueryjQueryjQueryjQueryjQuery

    jQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQueryjQuery

    elementanything

    boolboolboolnumnum

    elementobj

    elementnum

    stringstring

    jQueryjQueryjQuery

    jQueryjQueryjQuery

    jQueryjQueryjQuery

    booljQuery

    objjQueryjQueryjQuerystring

    jQuerystring

    jQuerystring, array

    jQuery

    stringjQuery

    optional parameteror

    objectbooleanfunction

    callbacknumber

    valueduration

    new or updated in 1.4

    jQueryobj

    arrayjQueryjQueryjQuery

    jQueryjQuery

    booljQuery

    intjQuery

    intjQuery

    intintintint

    obj{top,left}obj

    obj{top,left}int

    jQueryint

    jQuery

    jQuery