Jquery 1.10 Cheetsheet

Selectors

BASICS

• *
• .class
• element
• #id
• selector1, selectorN, ...

HIERARCHY

• parent > child
• ancestor descendant
• prev + next
• prev ~ siblings

BASIC FILTERS

• :animated
• :eq()
• :even
• :first
• :gt()
• :header
• :lang()
• :last
• :lt()
• :not()
• :odd
• :root
• :target

CONTENT FILTERS

• :contains()
• :empty
• :has()
• :parent

VISIBILITY FILTERS

• :hidden
• :visible

ATTRIBUTE

• [name|="value"]
• [name*="value"]
• [name~="value"]
• [name$="value"]
• [name="value"]
• [name!="value"]
• [name^="value"]
• [name]
• [name="value"][name2="value2"]

CHILD FILTERS

• :first-child
• :first-of-type
• :last-child
• :last-of-type
• :nth-child()
• :nth-last-child()
• :nth-last-of-type()
• :nth-of-type()
• :only-child
• :only-of-type()

FORMS

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

Attributes / CSS

ATTRIBUTES

• .attr()
• .prop()
• .removeAttr()
• .removeProp()
• .val()

CSS

• .addClass()
• .css()
• jQuery.cssHooks
• .hasClass()
• .removeClass()
• .toggleClass()

DIMENSIONS

• .height()
• .innerHeight()
• .innerWidth()
• .outerHeight()
• .outerWidth()
• .width()

OFFSET

• .offset()
• .offsetParent()
• .position()
• .scrollLeft()
• .scrollTop()

DATA

• jQuery.data()
• .data()
• jQuery.hasData()
• jQuery.removeData()
• .removeData()

Manipulation

COPYING

• .clone()

DOM INSERTION, AROUND

• .wrap()
• .wrapAll()
• .wrapInner()

DOM INSERTION, INSIDE

• .append()
• .appendTo()
• .html()
• .prepend()
• .prependTo()
• .text()

DOM INSERTION, OUTSIDE

• .after()
• .before()
• .insertAfter()
• .insertBefore()

DOM REMOVAL

• .detach()
• .empty()
• .remove()
• .unwrap()

DOM REPLACEMENT

• .replaceAll()
• .replaceWith()

Traversing

FILTERING

• .eq()
• .filter()
• .first()
• .has()
• .is()
• .last()
• .map()
• .not()
• .slice()

MISCELLANEOUS TRAVERSING

• .add()
• .andSelf()
• .contents()
• .each()
• .end()

TREE TRAVERSAL

• .addBack()
• .children()
• .closest()
• .find()
• .next()
• .nextAll()
• .nextUntil()
• .parent()
• .parents()
• .parentsUntil()
• .prev()
• .prevAll()
• .prevUntil()
• .siblings()

Events

BROWSER EVENTS

• .error()
• .resize()
• .scroll()

DOCUMENT LOADING

• .holdReady()
• .load()
• .ready()
• .unload()

EVENT HANDLER ATTACHMENT

• .bind()
• .delegate()
• .die()
• .live()
• .off()
• .on()
• .one()
• .trigger()
• .triggerHandler()
• .unbind()
• .undelegate()

FORM EVENTS

• .blur()
• .change()
• .focus()
• .select()
• .submit()

KEYBOARD EVENTS

• .keydown()
• .keypress()
• .keyup()

MOUSE EVENTS

• .click()
• .dblclick()
• .focusin()
• .focusout()
• .hover()
• .mousedown()
• .mouseenter()
• .mouseleave()
• .mousemove()
• .mouseout()
• .mouseover()
• .mouseup()
• .toggle()

EVENT OBJECT

• event.currentTarget
• event.data
• event.isDefaultPrevented()
• event.isImmediatePropagationStopped()
• event.isPropagationStopped()
• event.namespace
• event.pageX
• event.pageY
• event.preventDefault()
• event.relatedTarget
• event.result
• event.stopImmediatePropagation()
• event.stopPropagation()
• event.target
• event.timeStamp
• event.type
• event.which

Effects

BASICS

• .hide()
• .show()
• .toggle()

CUSTOM

• .animate()
• .clearQueue()
• .delay()
• .dequeue()
• jQuery.dequeue()
• .finish()
• jQuery.fx.interval
• jQuery.fx.off
• .queue()
• jQuery.queue()
• .stop()

FADING

• .fadeIn()
• .fadeOut()
• .fadeTo()
• .fadeToggle()

SLIDING

• .slideDown()
• .slideToggle()
• .slideUp()

Ajax

GLOBAL AJAX EVENT HANDLERS

• .ajaxComplete()
• .ajaxError()
• .ajaxSend()
• .ajaxStart()
• .ajaxStop()
• .ajaxSuccess()

HELPER FUNCTIONS

• jQuery.param()
• .serialize()
• .serializeArray()

LOW-LEVEL INTERFACE

• jQuery.ajax()
• jQuery.ajaxSetup()

SHORTHAND METHODS

• jQuery.get()
• jQuery.getJSON()
• jQuery.getScript()
• .load()
• jQuery.post()

Core

JQUERY OBJECT

• jQuery()
• jQuery.noConflict()
• jQuery.sub()
• jQuery.when()

UTILITIES

• jQuery.boxModel
• jQuery.browser
• jQuery.contains()
• jQuery.each()
• jQuery.extend()
• jQuery.globalEval()
• jQuery.grep()
• jQuery.inArray()
• jQuery.isArray()
• jQuery.isEmptyObject()
• jQuery.isFunction()
• jQuery.isNumeric()
• jQuery.isPlainObject()
• jQuery.isWindow()
• jQuery.isXMLDoc()
• jQuery.makeArray()
• jQuery.map()
• jQuery.merge()
• jQuery.noop()
• jQuery.now()
• jQuery.parseHTML()
• jQuery.parseJSON()
• jQuery.parseXML()
• jQuery.proxy()
• jQuery.support
• jQuery.trim()
• jQuery.type()
• jQuery.unique()

DOM ELEMENT METHODS

• .get()
• .index()
• .size()
• .toArray()

INTERNALS

• .jquery
• .context
• jQuery.error()
• .length
• .pushStack()
• .selector

DEFERRED OBJECT

• deferred.always()
• deferred.done()
• deferred.fail()
• deferred.isRejected()
• deferred.isResolved()
• deferred.notify()
• deferred.notifyWith()
• deferred.pipe()
• deferred.progress()
• deferred.promise()
• deferred.reject()
• deferred.rejectWith()
• deferred.resolve()
• deferred.resolveWith()
• deferred.state()
• deferred.then()
• .promise()

CALLBACKS OBJECT

• jQuery.Callbacks()
• callbacks.add()
• callbacks.disable()
• callbacks.empty()
• callbacks.fire()
• callbacks.fired()
• callbacks.fireWith()
• callbacks.has()
• callbacks.lock()
• callbacks.locked()
• callbacks.remove()

Note : RED colored functions/items are frequently used