Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

...

$("sel\[attr=value\]")

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="6e66979d-5bae-446d-9006-1760efa98f91"><ac:plain-text-body><![CDATA[

Attribute Filters

Wiki Markup

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

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="785a6ed8-2dbe-47b4-9a79-56847376f435"><ac:plain-text-body><![CDATA[

Child Filters

unmigrated-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")

...

.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="e4083429-0c5f-4e88-b5bf-f8a4ba394db9"><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="30125835-d136-4892-86fd-ffa9b6b9ef6d"><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="03433185-0bd5-4ad8-bc20-7c1d9d6aee92"><ac:plain-text-body><![CDATA* .height([value]) .width([value])]></ac:plain-text-body></ac:structured-macro>
  • .innerHeight() .innerWidth() .outerHeight() .outerWidth()
  • 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="b2eec866-daf5-42dc-ba91-7d8343d4f093"><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="59772c40-1e2a-4749-a2ba-d4f89c939765"><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="3f2db8ea-e44f-4a4a-ba1c-36bdafb4ef9d"><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="71c542a7-ac34-45e1-84cc-d47e01f065de"><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="4b4ba9cc-699f-4e73-b7f9-d14e0ec3250b"><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="3611d61b-0d2d-4e67-88e2-d92c5c6cf650"><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="c14bc2d0-ba4b-4a18-b5eb-3992ede5785a"><ac:plain-text-body><![CDATA[

    Accessing and Modifying CSS Attributes

    Wiki Markup

    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="8dea8b9a-4485-4d6d-a1f4-f6b545cb16e0"><ac:plain-text-body><![CDATA[

    Using Animations and other Effects

    unmigrated-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="bef3a5f0-b428-47e9-8d72-da0241358c3c"><ac:plain-text-body><![CDATA[* .fadeIn(\[duration \[, callback\]\]) .fadeOut(\[duration \[, callback\]\]) ])
    • .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="873f64ff-109f-45bb-9caa-26ac05d51c91"><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="d5b9dba0-92c5-4a22-ab89-8b175b5ac139"><ac:plain-text-body><![CDATA[* .animate(JSON CSS, \[duration \[, easing \[, callback\]\]\])]]></ac:plain-text-body></ac:structured-macro>])
    • .slideUp([duration [, callback]]) .slideDown([duration [, callback]]) .slideToggle([duration [, callback]])
    • .animate(JSON CSS, [duration [, easing [, callback]]])
    • .delay(duration)
    • .delay(duration)
      <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="bff85baa-5e82-47dd-b6e4-e2de84793ab7"><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="2130459a-62c4-49ea-b543-4897f63ee280"><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="fb10eaa3-da78-48a5-a56e-829b10d15ef5"><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="e8f0562e-85cf-4429-8bb5-ad8b1e44ef51"><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="ea61b7ae-2200-4605-93bb-bb26f624a1d5"><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="a4e2c575-5634-4882-84d6-d8871a1dfdeb"><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="9e6f36c3-941d-4e49-bf0e-f703df9da94e"><ac:plain-text-body><![CDATA[* .load(url [, data [, callback]])
    ]]></ac:plain-text-body></ac:structured-macro>