You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Current »

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="486a74eb-65a8-4246-9082-37916bb095da"><ac:plain-text-body><![CDATA[

Attribute Filters

  • $("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="09cf13ce-299f-4b09-a827-4d71a82fc3bb"><ac:plain-text-body><![CDATA[

Child Filters

  • 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="2d86688c-b9b4-45b1-b2c2-fb0cd7d25915"><ac:plain-text-body><![CDATA* .slice(start [, end])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="6f6dda21-e896-4095-9104-53a5cf711ee5"><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="5d250d83-50c7-4754-8361-306604fdc1c3"><ac:plain-text-body><![CDATA* .next([sel]) .nextAll([sel]) .nextUntil(sel)]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="a0cec31b-62b6-48d6-bb70-2a38e334db1f"><ac:plain-text-body><![CDATA* .prev([sel]) .prevAll([sel]) .prevUntil(sel)]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="b47662b4-325f-412a-ba0f-2dbb5b49abb3"><ac:plain-text-body><![CDATA* .siblings([sel])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="46322ac9-a0a0-492c-bb15-934351606d7d"><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="0563080d-7233-482a-91d2-6a51911f0c00"><ac:plain-text-body><![CDATA[

Accessing and Modifying CSS Attributes

  • .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="ffb6a87d-4081-4b9c-a045-1e070b2d2e07"><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="b9afc536-4370-406b-981b-63c06979a08d"><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="9f2a2a9d-accc-43ed-b26a-4bc2e001b7e7"><ac:plain-text-body><![CDATA* .height([value]) .width([value])]></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="75d14e1f-c2a7-4916-8967-544859a09ae1"><ac:plain-text-body><![CDATA[

Using Animations and other Effects

  • .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="9a920472-a9f4-47bd-bb69-93770c5f1e8c"><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="eeed8134-9be5-471e-9000-4857d2bb4b91"><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="fe954243-3524-489a-bc01-530a787fde09"><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="4d9df869-4110-409e-9085-240c6f942fa5"><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="00a90e7f-c349-4c6c-a78b-d22db98174c6"><ac:plain-text-body><![CDATA* .bind(events, [data, ] callback) .unbind(events [, callback])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="ccf550ab-3bc0-4c9d-b13c-00f040725254"><ac:plain-text-body><![CDATA* .live(events, callback) .die(events [, callback])]></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="a4b7c7c9-c404-4294-80e0-7e0400956e69"><ac:plain-text-body><![CDATA* $.get(url [, data [, callback [, datatype]]]) $.post(url [, dtat [, callback [, datatype]]])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="a5ec3f19-2ac3-4326-b093-208d939c6adf"><ac:plain-text-body><![CDATA* $.getJSON(url [, data [, callback]])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="400b271f-902b-4b68-a6b2-f4e934902a84"><ac:plain-text-body><![CDATA* $.getScript(url [, callback])]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="e3ba8704-517e-444c-8baa-3d5f52344568"><ac:plain-text-body><![CDATA[* .load(url [, data [, callback]])

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

All content on the LYRASIS Wiki is licensed under the CC BY (Attribution) license, unless otherwise noted.