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="58038662-7b32-4cd9-86a7-d505c4dccf54"><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="4df3160c-4915-4acb-bfbf-d9c5b1e8fcaa"><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="1f4f6f29-5d91-4d6b-9f5c-33401d64132d"><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="001d68a0-7e9d-478d-a054-ac072159d6ad"><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="b0e5854d-96dd-41e9-96ea-fad92ec75379"><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="a16ba96a-f9e5-454d-86c6-6dd87d1e26f7"><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="8cc6aac3-5a5c-418d-a4b2-d4f6e97f3e17"><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="4b065ea9-8e43-4635-a9ca-6ae2bdd30b71"><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="6f3f8b58-9af0-4925-b63a-370ebdbb2f4e"><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="2595d58b-b993-43f2-b9fb-cd70ba05bd2e"><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="e1155b9d-c4b0-470c-98a2-9e8a7331a2ea"><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="4de8b24e-bde2-415b-81c4-e01e351be2d5"><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="346e73eb-640d-4813-a45d-cb180b1ace13"><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="02e4225f-a783-4223-a586-bde2fb5716a9"><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="33b4df97-37a9-4e45-a223-068c253e33c2"><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="97ad2d42-b0ce-4e75-b54a-0286690adbd1"><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="08587d22-5047-478b-99f0-c0d5def5ef62"><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="e1dd1fd3-48e6-468c-9161-bb7ba79143ac"><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="4512b986-f6b6-4b6d-ac01-347a1edb6eda"><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="4570ae8f-b23e-43f6-bca3-3db1877cb375"><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="3ea364a1-77f0-48ff-947e-6dfac2f95d7f"><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="d92776de-c7e0-4ca3-ba2a-1c5ef01de525"><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="eb44b667-450f-4381-b65a-e8db30ee3ef8"><ac:plain-text-body><![CDATA[* .load(url

...

  • [,

...

  • data

...

  • [,

...

  • callback

...

  • ]

...

  • ])

...

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