J query1.2.cheatsheet.v1.0
0 likes64 views
This document provides a cheat sheet for jQuery selectors, manipulation methods, events, AJAX functions, and utilities. It lists the core jQuery functions, selectors for selecting elements by id, class, tag name and other attributes, and methods for manipulating DOM elements by changing contents, inserting elements, and traversing the DOM tree. The cheat sheet also covers event handling, AJAX requests, effects like showing and hiding elements, and additional utilities for extending jQuery and interoperability with other libraries.
![jQuery 1.2 Cheat Sheet v1.0
gscottolson.com/weblog/
CORE SELECTORS MANIPULATION EVENTS AJAX
$(...) The jQuery Function: Basics: Changing Contents: Page Load: Ajax Requests:
jQuery( expr, context )
jQuery #id
Element html( )
String ready( fn )
jQuery jQuery.ajax( options )
XHR
jQuery( html )
jQuery element
Array<Element> html( val )
jQuery Event Handling:
load( url, data, cb )
jQuery
jQuery( elements )
jQuery .class
Array<Element> text( )
String bind( type, data, fn )
jQuery jQuery.get( url, data, cb )
XHR
jQuery( cb )
jQuery *
Array<Element> text( val )
jQuery one( type, data, fn )
jQuery jQuery.getJSON( url, data, cb )
XHR
jQuery Object Accessors: selector1, selectorN
Array<Element> Inserting Inside: trigger( type, data )
jQuery jQuery.getScript( url, cb )
XHR
Hierarchy: append( content )
jQuery triggerHandler( type, data )
jQuery jQuery.post( url, data, cb, type )
XHR
each( cb )
jQuery
ancestor descendant
Array<Element> appendTo( content )
jQuery unbind( type, data )
jQuery Ajax Events:
size( )
Number
parent > child
Array<Element> prepend( content )
jQuery Interaction Helpers:
ajaxComplete( cb )
jQuery
length
Number
prev + next
Array<Element> prependTo( content )
jQuery hover( over, out )
jQuery ajaxError( cb )
jQuery
eq( position )
jQuery
prev ~ siblings
Array<Element> Inserting Outside: toggle( fn, fn )
jQuery ajaxSend( cb )
jQuery
get( )
Array<Element>
Basic Filters: after( content )
jQuery Event Helpers: ajaxStart( cb )
jQuery
get( index )
Element
:first
Element before( content )
jQuery blur( [fn] )
jQuery ajaxStop( cb )
jQuery
index( subject )
Number
:last
Element insertAfter( content )
jQuery change( [fn] )
jQuery ajaxSuccess( cb )
jQuery
Plugins: :not(selector)
Array<Element> insertBefore( content )
jQuery click( [fn] )
jQuery Misc:
jQuery.fn.extend( object )
jQuery :even
Array<Element> Inserting Around: dblclick( [fn] )
jQuery jQuery.ajaxSetup( options )
jQuery.extend( object )
jQuery :odd
Array<Element> wrap( html )
jQuery error( [fn] )
jQuery serialize( )
jQuery
Interoperability: :eq(index)
Element wrap( elem )
jQuery focus( [fn] )
jQuery serializeArray( )
jQuery
jQuery.noConflict( )
jQuery :gt(index)
Array<Element> wrapAll( html )
jQuery keydown( [fn] )
jQuery
jQuery.noConflict( extreme )
jQuery :lt(index)
Array<Element> wrapAll( elem )
jQuery keypress( [fn] )
jQuery UTILITIES
:header
Array<Element> wrapInner( html )
jQuery keyup( [fn] )
jQuery jQuery.browser
Map
ATTRIBUTES :animated
Array<Element> wrapInner( elem )
jQuery load( fn )
jQuery jQuery.browser.version
String
Attr: Content Filters: Replacing: mousedown( fn )
jQuery jQuery.boxModel
Boolean
attr( name )
Object :contains(text)
Array<Element> replaceWith( content )
jQuery mousemove( fn )
jQuery Array and Object operations:
attr( properties )
jQuery :empty
Array<Element> replaceAll( selector )
jQuery mouseout( fn )
jQuery jQuery.each( object, cb )
Object
attr( key, value )
jQuery :has(selector)
Array<Element> Removing: mouseover( fn )
jQuery jQuery.extend( target, obj1, objN )
Object
attr( key, fn )
jQuery :parent
Array<Element> empty( )
jQuery mouseup( fn )
jQuery jQuery.grep( arr, cb, invert )
Array
removeAttr( name )
jQuery Visibility Filters: remove( expr )
jQuery resize( fn )
jQuery jQuery.makeArray( obj )
Array
Class: :hidden
Array<Element> Copying: scroll( fn )
jQuery jQuery.map( arr, cb )
Array
addClass( class )
jQuery :visible
Array<Element> clone( )
jQuery select( [fn] )
jQuery jQuery.inArray( value, arr )
Number
removeClass( class )
jQuery Attribute Filters: clone( true )
jQuery submit( [fn] )
jQuery jQuery.unique( arr )
Array
toggleClass( class )
jQuery [attribute]
Array<Element> unload( fn )
jQuery Test operations:
HTML: [attribute=value]
Array<Element> TRAVERSING jQuery.isFunction( obj )
Boolean
html( )
String [attribute!=value]
Array<Element> Filtering: EFFECTS String operations:
html( val )
jQuery [attribute^=value]
Array<Element> eq( index )
jQuery Basics: jQuery.trim( str )
String
Text: [attribute$=value]
Array<Element> hasClass( class )
Boolean show( [speed, cb] )
jQuery
text( )
String [attribute*=value]
Array<Element> filter( expr )
jQuery hide( [speed, cb] )
jQuery
text( val )
jQuery [selector1][selectorN]
Array<Element> filter( fn )
jQuery toggle( )
jQuery
Value: Child Filters: is( expr )
Boolean Sliding:
val( )
String, Array :nth-child(idx/even/odd/eq)
Array<Element> map( cb )
jQuery slideDown( speed, cb )
jQuery Key:
val( val )
jQuery :first-child
Array<Element> not( expr )
jQuery slideUp( speed, cb )
jQuery cb = callback
val( val )
jQuery :last-child
Array<Element> slice( start, end )
jQuery slideToggle( speed, cb )
jQuery dur = duration
:only-child
Array<Element> Finding: Fading: idx = index
Forms: add( expr )
jQuery fadeIn( speed, cb )
jQuery eq = equation
CSS :input
Array<Element>
CSS: children( expr )
jQuery fadeOut( speed, cb )
jQuery XHR = XmlHTTPRequest
:text
Array<Element> contents( )
jQuery fadeTo( speed, opacity, cb )
jQuery arr = array
css( name )
String
:password
Array<Element> find( expr )
jQuery Custom: [fn] = optional function
css( properties )
jQuery
:radio
Array<Element> next( expr )
jQuery animate( params, dur, easing, cb )
jQuery
css( name, value )
jQuery
:checkbox
Array<Element> nextAll( expr )
jQuery animate( params, options )
jQuery
Positioning:
:submit
Array<Element> parent( expr )
jQuery stop( )
jQuery
offset( )
Object{top,left}
:image
Array<Element> parents( expr )
jQuery queue( )
Array<Function>
Height and Width:
:reset
Array<Element> prev( expr )
jQuery queue( cb )
jQuery
height( )
Integer
:button
Array<Element> prevAll( expr )
jQuery queue( queue )
jQuery
height( val )
jQuery
:file
Array<Element> siblings( expr )
jQuery dequeue( )
jQuery
width( )
Integer
:hidden
Array<Element> Chaining:
width( val )
jQuery
Form Filters: andSelf( )
jQuery
:enabled
Array<Element> end( )
jQuery
:disabled
Array<Element>
:checked
Array<Element>
:selected
Array<Element>](https://image.slidesharecdn.com/jquery1-2-cheatsheet-v1-0-101227083809-phpapp01/85/J-query1-2-cheatsheet-v1-0-1-320.jpg)
J query1.2.cheatsheet.v1.0
- 1. jQuery 1.2 Cheat Sheet v1.0 gscottolson.com/weblog/ CORE SELECTORS MANIPULATION EVENTS AJAX $(...) The jQuery Function: Basics: Changing Contents: Page Load: Ajax Requests: jQuery( expr, context ) jQuery #id Element html( ) String ready( fn ) jQuery jQuery.ajax( options ) XHR jQuery( html ) jQuery element Array<Element> html( val ) jQuery Event Handling: load( url, data, cb ) jQuery jQuery( elements ) jQuery .class Array<Element> text( ) String bind( type, data, fn ) jQuery jQuery.get( url, data, cb ) XHR jQuery( cb ) jQuery * Array<Element> text( val ) jQuery one( type, data, fn ) jQuery jQuery.getJSON( url, data, cb ) XHR jQuery Object Accessors: selector1, selectorN Array<Element> Inserting Inside: trigger( type, data ) jQuery jQuery.getScript( url, cb ) XHR Hierarchy: append( content ) jQuery triggerHandler( type, data ) jQuery jQuery.post( url, data, cb, type ) XHR each( cb ) jQuery ancestor descendant Array<Element> appendTo( content ) jQuery unbind( type, data ) jQuery Ajax Events: size( ) Number parent > child Array<Element> prepend( content ) jQuery Interaction Helpers: ajaxComplete( cb ) jQuery length Number prev + next Array<Element> prependTo( content ) jQuery hover( over, out ) jQuery ajaxError( cb ) jQuery eq( position ) jQuery prev ~ siblings Array<Element> Inserting Outside: toggle( fn, fn ) jQuery ajaxSend( cb ) jQuery get( ) Array<Element> Basic Filters: after( content ) jQuery Event Helpers: ajaxStart( cb ) jQuery get( index ) Element :first Element before( content ) jQuery blur( [fn] ) jQuery ajaxStop( cb ) jQuery index( subject ) Number :last Element insertAfter( content ) jQuery change( [fn] ) jQuery ajaxSuccess( cb ) jQuery Plugins: :not(selector) Array<Element> insertBefore( content ) jQuery click( [fn] ) jQuery Misc: jQuery.fn.extend( object ) jQuery :even Array<Element> Inserting Around: dblclick( [fn] ) jQuery jQuery.ajaxSetup( options ) jQuery.extend( object ) jQuery :odd Array<Element> wrap( html ) jQuery error( [fn] ) jQuery serialize( ) jQuery Interoperability: :eq(index) Element wrap( elem ) jQuery focus( [fn] ) jQuery serializeArray( ) jQuery jQuery.noConflict( ) jQuery :gt(index) Array<Element> wrapAll( html ) jQuery keydown( [fn] ) jQuery jQuery.noConflict( extreme ) jQuery :lt(index) Array<Element> wrapAll( elem ) jQuery keypress( [fn] ) jQuery UTILITIES :header Array<Element> wrapInner( html ) jQuery keyup( [fn] ) jQuery jQuery.browser Map ATTRIBUTES :animated Array<Element> wrapInner( elem ) jQuery load( fn ) jQuery jQuery.browser.version String Attr: Content Filters: Replacing: mousedown( fn ) jQuery jQuery.boxModel Boolean attr( name ) Object :contains(text) Array<Element> replaceWith( content ) jQuery mousemove( fn ) jQuery Array and Object operations: attr( properties ) jQuery :empty Array<Element> replaceAll( selector ) jQuery mouseout( fn ) jQuery jQuery.each( object, cb ) Object attr( key, value ) jQuery :has(selector) Array<Element> Removing: mouseover( fn ) jQuery jQuery.extend( target, obj1, objN ) Object attr( key, fn ) jQuery :parent Array<Element> empty( ) jQuery mouseup( fn ) jQuery jQuery.grep( arr, cb, invert ) Array removeAttr( name ) jQuery Visibility Filters: remove( expr ) jQuery resize( fn ) jQuery jQuery.makeArray( obj ) Array Class: :hidden Array<Element> Copying: scroll( fn ) jQuery jQuery.map( arr, cb ) Array addClass( class ) jQuery :visible Array<Element> clone( ) jQuery select( [fn] ) jQuery jQuery.inArray( value, arr ) Number removeClass( class ) jQuery Attribute Filters: clone( true ) jQuery submit( [fn] ) jQuery jQuery.unique( arr ) Array toggleClass( class ) jQuery [attribute] Array<Element> unload( fn ) jQuery Test operations: HTML: [attribute=value] Array<Element> TRAVERSING jQuery.isFunction( obj ) Boolean html( ) String [attribute!=value] Array<Element> Filtering: EFFECTS String operations: html( val ) jQuery [attribute^=value] Array<Element> eq( index ) jQuery Basics: jQuery.trim( str ) String Text: [attribute$=value] Array<Element> hasClass( class ) Boolean show( [speed, cb] ) jQuery text( ) String [attribute*=value] Array<Element> filter( expr ) jQuery hide( [speed, cb] ) jQuery text( val ) jQuery [selector1][selectorN] Array<Element> filter( fn ) jQuery toggle( ) jQuery Value: Child Filters: is( expr ) Boolean Sliding: val( ) String, Array :nth-child(idx/even/odd/eq) Array<Element> map( cb ) jQuery slideDown( speed, cb ) jQuery Key: val( val ) jQuery :first-child Array<Element> not( expr ) jQuery slideUp( speed, cb ) jQuery cb = callback val( val ) jQuery :last-child Array<Element> slice( start, end ) jQuery slideToggle( speed, cb ) jQuery dur = duration :only-child Array<Element> Finding: Fading: idx = index Forms: add( expr ) jQuery fadeIn( speed, cb ) jQuery eq = equation CSS :input Array<Element> CSS: children( expr ) jQuery fadeOut( speed, cb ) jQuery XHR = XmlHTTPRequest :text Array<Element> contents( ) jQuery fadeTo( speed, opacity, cb ) jQuery arr = array css( name ) String :password Array<Element> find( expr ) jQuery Custom: [fn] = optional function css( properties ) jQuery :radio Array<Element> next( expr ) jQuery animate( params, dur, easing, cb ) jQuery css( name, value ) jQuery :checkbox Array<Element> nextAll( expr ) jQuery animate( params, options ) jQuery Positioning: :submit Array<Element> parent( expr ) jQuery stop( ) jQuery offset( ) Object{top,left} :image Array<Element> parents( expr ) jQuery queue( ) Array<Function> Height and Width: :reset Array<Element> prev( expr ) jQuery queue( cb ) jQuery height( ) Integer :button Array<Element> prevAll( expr ) jQuery queue( queue ) jQuery height( val ) jQuery :file Array<Element> siblings( expr ) jQuery dequeue( ) jQuery width( ) Integer :hidden Array<Element> Chaining: width( val ) jQuery Form Filters: andSelf( ) jQuery :enabled Array<Element> end( ) jQuery :disabled Array<Element> :checked Array<Element> :selected Array<Element>