SlideShare a Scribd company logo
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>

More Related Content

PDF
citigroup January 13, 2006 - Reformatted Quarterly Financial Data Supplement...
PDF
Fabric.js @ Falsy Values
PPTX
jQuery
PDF
Prototype UI Intro
PDF
Jquery.cheatsheet.1.4
PDF
Scala in practice
KEY
Sexy.js: A Sequential Ajax (Sajax) library for jQuery
PPTX
Prototype Framework
citigroup January 13, 2006 - Reformatted Quarterly Financial Data Supplement...
Fabric.js @ Falsy Values
jQuery
Prototype UI Intro
Jquery.cheatsheet.1.4
Scala in practice
Sexy.js: A Sequential Ajax (Sajax) library for jQuery
Prototype Framework

What's hot (13)

PDF
this is ruby test
PPTX
PDF
Doc Parsers Api Cheatsheet 1 0
PPT
Jquery presentation
PPTX
JQuery
PDF
Functionality Focused Code Organization
PDF
Using Templates to Achieve Awesomer Architecture
PDF
Spine JS
PDF
YUI3 Modules
PDF
Beyond the DOM: Sane Structure for JS Apps
PDF
Delivering a Responsive UI
PDF
DeprecatedAPI로 알아보는 SwiftUI
this is ruby test
Doc Parsers Api Cheatsheet 1 0
Jquery presentation
JQuery
Functionality Focused Code Organization
Using Templates to Achieve Awesomer Architecture
Spine JS
YUI3 Modules
Beyond the DOM: Sane Structure for JS Apps
Delivering a Responsive UI
DeprecatedAPI로 알아보는 SwiftUI
Ad

Viewers also liked (7)

DOC
Xưởng may đồng phục nghi thức đội chất lượng cao
PDF
57400200 56684390-tubulacao-1 (2)
DOC
Pl 1944 2007
PDF
CP-Resume.pdf
PPTX
Rocio
PPTX
PPTX
E learning uvazujete
Xưởng may đồng phục nghi thức đội chất lượng cao
57400200 56684390-tubulacao-1 (2)
Pl 1944 2007
CP-Resume.pdf
Rocio
E learning uvazujete
Ad

Similar to J query1.2.cheatsheet.v1.0 (20)

PPTX
Basics of j query
PPTX
JQuery Overview
PDF
jQuery and Rails, Sitting in a Tree
PPTX
PPTX
presentation_jquery_ppt.pptx
PPTX
J Query The Write Less Do More Javascript Library
PPT
JQuery New Evolution
PDF
Jquery 1.3 cheatsheet_v1
PDF
Jquery 13 cheatsheet_v1
PPTX
A to Z about JQuery - Become Newbie to Expert Java Developer
PDF
jQuery Rescue Adventure
ODP
JQuery introduction
PPT
JavaScript JQUERY AJAX
PPTX
jQuery basics for Beginners
PDF
PDF
jQuery Essentials
PPT
jQuery. Write less. Do More.
PPT
jQuery for beginners
PDF
Ajax tutorial
Basics of j query
JQuery Overview
jQuery and Rails, Sitting in a Tree
presentation_jquery_ppt.pptx
J Query The Write Less Do More Javascript Library
JQuery New Evolution
Jquery 1.3 cheatsheet_v1
Jquery 13 cheatsheet_v1
A to Z about JQuery - Become Newbie to Expert Java Developer
jQuery Rescue Adventure
JQuery introduction
JavaScript JQUERY AJAX
jQuery basics for Beginners
jQuery Essentials
jQuery. Write less. Do More.
jQuery for beginners
Ajax tutorial

More from Mariaa Maria (12)

PDF
Css cheat-sheet-v2
PDF
Css cheat-sheet-v2
PDF
Css cheat-sheet-v2
PDF
Css cheat-sheet-v3
PDF
rytyeyyey
PDF
asdasdasdsadasdsadasd
PDF
Notas ado1
PDF
Css cheat-sheet-v2
PDF
Css cheat-sheet-v2
PDF
Css cheat-sheet-v2
PDF
Css cheat-sheet-v2
PDF
Css cheat-sheet-v2
Css cheat-sheet-v2
Css cheat-sheet-v2
Css cheat-sheet-v2
Css cheat-sheet-v3
rytyeyyey
asdasdasdsadasdsadasd
Notas ado1
Css cheat-sheet-v2
Css cheat-sheet-v2
Css cheat-sheet-v2
Css cheat-sheet-v2
Css cheat-sheet-v2

Recently uploaded (20)

PDF
01-Introduction-to-Information-Management.pdf
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
RMMM.pdf make it easy to upload and study
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PPTX
master seminar digital applications in india
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
Pharma ospi slides which help in ospi learning
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
GDM (1) (1).pptx small presentation for students
PPTX
PPH.pptx obstetrics and gynecology in nursing
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Computing-Curriculum for Schools in Ghana
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
01-Introduction-to-Information-Management.pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
RMMM.pdf make it easy to upload and study
Module 4: Burden of Disease Tutorial Slides S2 2025
Supply Chain Operations Speaking Notes -ICLT Program
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
master seminar digital applications in india
STATICS OF THE RIGID BODIES Hibbelers.pdf
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Pharma ospi slides which help in ospi learning
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
GDM (1) (1).pptx small presentation for students
PPH.pptx obstetrics and gynecology in nursing
Renaissance Architecture: A Journey from Faith to Humanism
102 student loan defaulters named and shamed – Is someone you know on the list?
human mycosis Human fungal infections are called human mycosis..pptx
O5-L3 Freight Transport Ops (International) V1.pdf
Computing-Curriculum for Schools in Ghana
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape

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>