Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Including

...

jQuery

...

Local

...

<script

...

type="text/javascript"

...

src="js/jquery-1.4.2.min.js"></script>

...

CDN

...

<script

...

type="text/javascript"

...

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

...

</script>

...

jQuery

...

Selectors

...

Basic

...

Selectors

...

  • By

...

  • tag

...

  • $("tag")

...

  • By

...

  • class

...

  • $(".class")

...

  • By

...

  • id

...

  • $("#id")

...

  • Combination

...

  • $("tag.class#id")

...

  • Multiple

...

  • $("sel1,

...

  • sel2")

...

Hierarchy

...

Selectors

...

  • Descendant

...

  • $("ancestor

...

  • descendant")

...

  • Child

...

  • $("parent>child")

...

  • Next

...

  • $("start+next")

...

  • Sibling

...

  • $("start~siblings")

...

Basic

...

Filters

...

:filter(param)

...

  • First/Last

...

  • $("sel:first")

...

  • $("sel:last")

...

  • Not

...

  • $("sel1:not(sel2)")

...

  • Even/Odd

...

  • $("sel:even")

...

  • $("sel:odd")

...

  • Index

...

  • (starts

...

  • from

...

  • 0)

...

  • $("sel:eq(index)")

...

Content

...

Filters

...

  • Contain

...

  • Text

...

  • $("sel:contains(text)")

...

  • Contain

...

  • Element

...

  • $("sel:has(element)")

...

  • Empty

...

  • $("sel:empty")

...

  • Parents

...

  • $("sel:parent")

...

Visibility

...

Filters

...

  • $("sel:visible")

...

  • $("sel:hidden")

...

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="1c8df936-22d6-4d50-8a80-40afdfc8e24f"><ac:plain-text-body><![CDATA[

Attribute Filters

  • Wiki Markup
    $("sel\[attr=value\]")

...

]]></ac:plain-text-body></ac:structured-macro>

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="ee616261-2ff1-473c-9994-92fe9986d7ae"><ac:plain-text-body><![CDATA[

Child Filters

  • Wiki Markup
    Nth Child $("sel:nth-child(\[even\|odd\|eq\|index\])")

...

  • ]]></ac:plain-text-body></ac:structured-macro>
  • First/Last

...

  • $("parent

...

  • child:last")

...

Form

...

Filters

...

  • By

...

  • Element

...

  • Type

...

  • $("input:type")

...

  • Disabled/Enabled

...

  • $(":disabled")

...

  • Checled/Selected

...

  • $(":checked")

...

jQuery Actions and Methods

Traversing DOM Elements

  • .eq(index)

...

  • .filter(sel)

...

  • .not(sel)

...

  • .first()

...

  • .last()

...

  • .has(sel)

...

  • .is(sel)

...


  • <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="e3a79c20-555c-424c-b48b-a1d7f9d548ef"><ac:plain-text-body><![CDATA* .slice(start

...

...

...

  • ])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="72b97ab4-6b37-4996-97d4-975ff35f9b5c"><ac:plain-text-body><![CDATA* .children([sel])]></ac:plain-text-body></ac:structured-macro>
  • .closest(sel)

...

  • .find(sel)

...


  • <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="c0f56106-12b7-4f1e-bf4c-0b9f420a5e5b"><ac:plain-text-body><![CDATA* .next(

...

...

...

...

...

...

...

  • ]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="9946d397-7227-4a5d-a4a1-1bd224f04ed3"><ac:plain-text-body><![CDATA* .prev(

...

...

...

...

...

...

...

  • ]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="dbffa8ae-91fe-4eaa-a418-5157faaacce7"><ac:plain-text-body><![CDATA* .siblings(

...

...

  • ])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="c0a0eaea-db60-4e3d-9dc2-36f024230af4"><ac:plain-text-body><![CDATA* .parent([sel]) .parents([sel]) .parentsUntil([sel])]></ac:plain-text-body></ac:structured-macro>
  • .add(sel|text)
  • .andSelf()
  • .contents()
  • .end()

Creating and Inserting DOM Elements

  • $("<tag>",

...

  • {

...

  • attr:value

...

  • })

...

  • .append(el)

...

  • .prepend(el)

...

  • .appendTo(sel)

...

  • .prependTo(sel)

...

  • .after(el)

...

  • .before(el)

...

  • .insertAfter(sel)

...

  • .insertBefore(sel)

...

  • .wrap(el)

...

  • .unwrap()

...

  • .wrapAll(el)

...

  • .wrapInner(el)

...

  • .remove(sel)

...

  • .detach(sel)

...

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="c398159a-68c6-4b3f-99db-49f3ef4b5dac"><ac:plain-text-body><![CDATA[

Accessing and Modifying CSS Attributes

  • Wiki Markup
    .attr(attr \[, value\])

...

  • ]]></ac:plain-text-body></ac:structured-macro>
  • .removeAttr(attr)

...

  • .css({

...

  • styles

...

  • })
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="da3a33a8-a188-4b38-9a51-498595b7501f"><ac:plain-text-body><![CDATA* .text([replace]) .html([replace])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="19de39b8-2b9b-4416-9066-21766f0449aa"><ac:plain-text-body><![CDATA* .val([value])]></ac:plain-text-body></ac:structured-macro>
  • .data(name,

...

  • value

...

  • |

...

  • {JSON})

...

  • .addClass(classes)

...

  • .removeClass(classes)

...

  • .toggleClass(classes)

...

  • .hasClass(classes)

...


  • <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="4eee561c-dfaa-439d-91bc-7567bf7fa57e"><ac:plain-text-body><![CDATA* .height(

...

...

...

...

...

...

  • ]></ac:plain-text-body></ac:structured-macro>
  • .innerHeight()

...

  • .innerWidth()

...

  • .outerHeight()

...

  • .outerWidth()

...

Affecting

...

Result

...

Sets

...

  • .map(function(index,

...

  • el)

...

  • {

...

  • })

...

  • .each(function(index,

...

  • el)

...

  • {

...

  • })

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="676cba83-023a-453e-a5c2-652563158c38"><ac:plain-text-body><![CDATA[

Using Animations and other Effects

  • Wiki Markup
    .show(\[duration \[, callback\]\]) .hide(\[duration \[, callback\]\])]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="c9b8c29c-e3e8-4c3a-a828-6278a96b40e5"><ac:plain-text-body><![CDATA[* .fadeIn(\[duration \[, callback\]\]) .fadeOut(\[duration \[, callback\]\]) .fadeTo(duration, opacity \[, callback\])]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="96addb57-e35a-45d9-b210-5599b0a0ab66"><ac:plain-text-body><![CDATA[* .slideUp(\[duration \[, callback\]\]) .slideDown(\[duration \[, callback\]\]) .slideToggle(\[duration \[, callback\]\])]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="06bf518a-5ebd-48ae-8d1d-cd7283fb983e"><ac:plain-text-body><![CDATA[* .animate(JSON CSS, \[duration \[, easing \[, callback\]\]\])

...

  • ]]></ac:plain-text-body></ac:structured-macro>
  • .delay(duration)

...


  • <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="3961a089-e411-43d5-9150-c27a4405bdc4"><ac:plain-text-body><![CDATA[* .stop(

...

  • [clearQ

...

  • [,

...

  • jumptoend

...

  • ]

...

  • ])

]]></ac:plain-text-body></ac:structured-macro>

Handling Events

  • .error(callback)

...

  • .scroll(callback)

...

  • .ready(function($alias)

...

  • {

...

  • })

...

  • .unload(callback)

...

  • Events

...

  • :

...

  • blur,

...

  • focus,

...

  • focusin,

...

  • focusout,

...

  • load,

...

  • resize,

...

  • scroll,

...

  • unload,

...

  • click,

...

  • dblclick,

...

  • mousedown,

...

  • mouseup,

...

  • mousemove,

...

  • mouseover,

...

  • mouseout,

...

  • mouseenter,

...

  • mouseleave,

...

  • change,

...

  • select,

...

  • submit,

...

  • keydown,

...

  • keypress,

...

  • keyup,

...

  • and

...

  • error
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="1f549927-5ff1-4d11-8a59-f902cc85c014"><ac:plain-text-body><![CDATA* .bind(events,

...

...

...

...

...

...

...

  • ])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="3de91b9a-6018-4fbe-81fa-3e17f839cb47"><ac:plain-text-body><![CDATA* .live(events,

...

...

...

...

...

...

  • ]></ac:plain-text-body></ac:structured-macro>
  • .one(events,

...

  • callback)

...

  • .toggle(functions

...

  • |duration

...

  • |none)

...

  • .trigger(event)

...

Using

...

AJAX

...

Controls

...

  • $.ajax(options)

...

    • data

...

    • :

...

    • key=value&

...

    • |JSON

...

    • dataFilter(data,

...

    • type)

...

    • dataType

...

    • :

...

    • xml

...

    • |html

...

    • |script

...

    • |json

...

    • |jsonp

...

    • |text

...

    • error(XMLHttpRequest,

...

    • textStatus,

...

    • errorThrown)

...

    • success(data,

...

    • textStatus,

...

    • XMLHttpRequest)

...

    • type

...

    • :

...

    • GET

...

    • |POST

...

    • |PUT

...

    • |DELETE

...

    • url

...

    • :

...

    • URL

...

  • $.ajaxSetup(defaultOptions)

...


  • <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="13963302-5a9d-4776-8fcf-e5ecdef6f299"><ac:plain-text-body><![CDATA* $.get(url

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

  • ])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="43d3851b-48aa-4022-a105-aea43c0cd3e8"><ac:plain-text-body><![CDATA* $.getJSON(url

...

...

...

...

...

...

  • ])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="50ae2f80-0956-4a57-9c4c-3a234c4dfa22"><ac:plain-text-body><![CDATA* $.getScript(url

...

...

...

  • ])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="78c32b42-8729-45a3-8381-daf205bd56c2"><ac:plain-text-body><![CDATA[* .load(url

...

  • [,

...

  • data

...

  • [,

...

  • callback

...

  • ]

...

  • ])

...

]]></ac:plain-text-body></ac:structured-macro>