jQuery 1.4 API Cheat Sheet

@ouc — Wed, 20 Jan 2010 08:38:31 +0000

jQuery 1.4 API Cheat Sheet
printable PDF version
PNG version

Selectors

Legend

Conventional signs

[obj] — array of objects

1.4+ — new in 1.4

1.4∗ — changed in 1.4

Data types

* — anything

$ — jQuery object

arr — array

bool — boolean

el — DOM element

fn — function

int — integer

obj — object

str — string

XHR — XMLHttpRequest

http://futurecolors.ru/jquery/

ver. 15-01-2010

Core

jQuery function

$.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( )1.4∗

$.jQuery( html [, ownerDocument] ), .jQuery( html, props )1.4∗

$.jQuery( fn )

jQuery Object Accessors

$.each( fn(index, element) )

num.size( ), .length

str.selector

el.context

$.eq( index )

[el],el.get( [index] )

num.index( )1.4∗, .index( selector )1.4∗, .index( element )

arr.toArray( )1.4+

Interoperability

$jQuery.noConflict( [extreme] )

Attributes

str.attr( name )

$.attr( name, val ), .attr( map ), .attr( name, fn(index, attr) )

$.removeAttr( name )

Class

$.addClass( class ), .addClass( fn(index, class) )1.4∗

bool.hasClass( class )

$.removeClass( [class] ), .removeClass( fn(index, class) )1.4∗

$.toggleClass( class [, switch] ), .toggleClass( fn(index, class) [, switch] )1.4∗

HTML, text

str.html( )

$.html( val ), .html( fn(index, html) )1.4∗

str.text( )

$.text( val ), .text( fn(index, html) )1.4∗

Value

str,arr.val( )

$.val( val ), .val( fn() )1.4∗

CSS

str.css( name )

$.css( name, val ), .css( map ), .css( name, fn(index, val) )1.4∗

Positioning

obj.offset( )

$.offset( coord ), .offset( fn( index, coord ) )1.4+

$.offsetParent( )

obj.position( )

int.scrollTop( )

$.scrollTop( val )

int.scrollLeft( )

$.scrollLeft( val )

Height and Width

int.height( )

$.height( val )

int.width( )

$.width( val )

int.innerHeight( )

int.innerWidth( )

int.outerHeight( [margin] )

int.outerWidth( [margin] )

Traversing

Filtering

$.eq( index )

$.first( )1.4+

$.last( )1.4+

$.has( selector ), .has( element )1.4+

$.filter( selector ), .filter( fn(index) )

bool.is( selector )

$.map( fn(index, element) )

$.not( selector ), .not( elements ), .not( fn( index ) )

$.slice( start [, end] )

Tree traversal

$.children( [selector] )

$.closest( selector [, context] )1.4∗

arr.closest( selectors [, context] )1.4+

$.find( selector )

$.next( [selector] )

$.nextAll( [selector] )

$.nextUntil( [selector] )1.4+

$.offsetParent( )

$.parent( [selector] )

$.parents( [selector] )

$.parentsUntil( [selector] )1.4+

$.prev( [selector] )

$.prevAll( [selector] )

$.prevUntil( [selector] )1.4+

$.siblings( [selector] )

Miscellaneous

$.add( selector [, context] ), .add( elements ), .add( html )1.4∗

$.andSelf( )

$.contents( )

$.end( )

Manipulation

Inserting Inside

$.append( content ), .append( fn( index, html ) )1.4∗

$.appendTo( target )

$.prepend( content ), .prepend( fn( index, html ) )1.4∗

$.prependTo( target )

Inserting Outside

$.after( content ), .after( fn() )1.4∗

$.before( content ), .before( fn() )1.4∗

$.insertAfter( target )

$.insertBefore( target )

Inserting Around

$.unwrap( )1.4+

$.wrap( wrappingElement ), .wrap( fn )1.4∗

$.wrapAll(wrappingElement ), .wrapAll( fn )1.4∗

$.wrapInner( wrappingElement ), .wrapInner( fn )1.4∗

Replacing

$.replaceWith( content ), .replaceWith( fn )1.4∗

$.replaceAll( selector )

Removing

$.detach( [selector] )1.4+

$.empty( )

$.remove( [selector] )

Copying

$.clone( [withDataAndEvents] )

Events

Page Load

$.ready( fn() )

Event Handling

$.bind( type [, data ], fn(eventObj) )

$.one( type [, data ], fn(eventObj) )

$.trigger( event [, data])

obj.triggerHandler( event [, data])

$.unbind( [type] [, fn])

Live Events

$.live( eventType [, data], fn() )

$.die( [eventType] [, fn() ])

Interaction Helpers

$.hover( fnIn(eventObj), fnOut(eventObj))

$.toggle( fn(eventObj), fn2(eventObj) [, ...])

Event Helpers

.blur( [fn] ),

.mousedown( [fn] ),

.change( [fn] ),

.mouseenter( [fn] ),

.click( [fn] ),

.mouseleave( [fn] ),

.dblclick( [fn] ),

.mousemove( [fn] ),

.error( [fn] ),

.mouseout( [fn] ),

.focus( [fn] ),

.mouseout( [fn] ),

.focusin( [fn] ),1.4+

.mouseup( [fn] ),

.focusout( [fn] ),1.4+

.resize( [fn] ),

.keydown( [fn] ),

.scroll( [fn] ),

.keypress( [fn] ),

.select( [fn] ),

.keyup( [fn] ),

.submit( [fn] ),

.load( fn ),

.unload( fn )

Event object

event = {

elcurrentTarget,

*data,

boolisDefaultPrevented(),

boolisImmediatePropagationStopped(),

boolisPropagationStopped(),

numpageX,

numpageY,

preventDefault(),

elrelatedTarget,

objresult,

stopImmediatePropagation(),

stopPropagation(),

eltarget,

numtimeStamp,

strtype,

strwhich

}

Effects

Basics

$.show( [ duration [, fn] ] )

$.hide( [ duration [, fn] ] )

$.toggle( [showOrHide] )

$.toggle( duration [, fn] )

Sliding

$.slideDown( duration [, fn] )

$.slideUp( duration [, fn] )

$.slideToggle( [duration] [, fn] )

Fading

$.fadeIn( duration [, fn] )

$.fadeOut( duration [, fn] )

$.fadeTo( duration, opacity [, fn] )

Custom

$.animate( params [, duration] [, easing] [, fn] )

$.animate( params, options )

$.stop( [clearQueue] [, jumpToEnd] )

$.delay( duration [, queueName] )1.4+

Settings

booljQuery.fx.off

AJAX

Low-Level Interface

XHRjQuery.ajax( options )

boolasync = true
fnbeforeSend( XHR )
boolcache = true
fncomplete(XHR, status)
strcontentType
objcontext
obj, strdata
fndataFilter( data, type )
boolglobal = true
boolifModified = false
strjsonp
fnjsonpCallback
strpassword
boolprocessData = true
numtimeout
strtype = ‘GET’
strurl = curr. page
strusername
fnxhr
strscriptCharset
strdataType ∈ {xml, json, script, html}
fnerror( XHR, status, errorThrown )
fnsuccess( data, status, XHR )

jQuery.ajaxSetup( options )

Shorthand Methods

$.load( url [, data] [, fn( responseText, status, XHR )] )

XHRjQuery.get( url [, data] [, fn( data, status, XHR )] [, type] )

XHRjQuery.getJSON( url [, data] [, fn( data, status )] )

XHRjQuery.getScript( url [, fn( data, status )] )

XHRjQuery.post( url [, data] [, fn( data, status )] [, type] )

Global Ajax Event Handlers

$.ajaxComplete( fn( event, XHR, options ) )

$.ajaxError( fn( event, XHR, options, thrownError ) )

$.ajaxSend( fn( event, XHR, options ) )

$.ajaxStart( fn( ) )

$.ajaxStop( fn( ) )

$.ajaxSuccess( fn(event, XHR, options) )

Miscellaneous

str.serialize( )

[obj].serializeArray( )

strjQuery.param( obj, [traditional] )1.4∗

Utilities

Browser and Feature Detection

objjQuery.support

objjQuery.browserdeprecated

strjQuery.browser.versiondeprecated

booljQuery.boxModeldeprecated

Basic operations

objjQuery.each( obj, fn( index, valueOfElement ) )

objjQuery.extend( [deep,] target, obj1 [, objN] )

arrjQuery.grep( array, fn( element, index ) [, invert] )

arrjQuery.makeArray( obj )

arrjQuery.map( array, fn( element, index ) )

numjQuery.inArray( val, array )

arrjQuery.merge( first, second )

fnjQuery.noop1.4+

fnjQuery.proxy( fn, scope ), jQuery.proxy( scope, name )1.4+

arrjQuery.unique( array )

strjQuery.trim( str )

Data functions

$.clearQueue( [name] )1.4+

$.dequeue( [name] ), jQuery.dequeue( [name] )

objjQuery.data( element, key ), jQuery.data( )1.4+

obj.data( ), .data( key )

$.data( key, val ), .data( obj )1.4∗

$.removeData( [name] )

[fn].queue( [name] ) jQuery.queue( [name] )

$.queue( [name,] fn( next ) ), jQuery.queue( [name,] fn( ) )

$.queue( [name,] queue ), jQuery.queue( [name,] queue )

Test operations

booljQuery.isArray( obj )

booljQuery.isEmptyObject( obj )1.4+

booljQuery.isFunction( obj )

booljQuery.isPlainObject( obj )1.4+

Source: http://futurecolors.ru/jquery/

Clear upload file input field with javascript (JQuery)

@ouc — Fri, 11 Sep 2009 09:06:35 +0000

Link: http://www.electrictoolbox.com/clear-upload-file-input-field-jquery/

家有小虎 » jquery

jQuery 1.4 API Cheat Sheet

Selectors

Basics

Hierarchy

Basic Filters

Content Filters

Visibility Filters

Child Filters

Attribute Filters

Forms

Form Filters

Legend

Conventional signs

Data types

ver. 15-01-2010

Core

jQuery function

jQuery Object Accessors

Interoperability

Attributes

Attributes

Class

HTML, text

Value

CSS

CSS

Positioning

Height and Width

Traversing

Filtering

Tree traversal

Miscellaneous

Manipulation

Inserting Inside

Inserting Outside

Inserting Around

Replacing

Removing

Copying

Events

Page Load

Event Handling

Live Events

Interaction Helpers

Event Helpers

Event object

Effects

Basics

Sliding

Fading

Custom

Settings

AJAX

Low-Level Interface

Shorthand Methods

Global Ajax Event Handlers

Miscellaneous

Utilities

Browser and Feature Detection

Basic operations

Data functions

Test operations

Clear upload file input field with javascript (JQuery)