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="8a0c667d-dff6-482f-88ff-c5a58a8c70c8"><ac:plain-text-body><![CDATA[ |
Attribute Filters |
|
]]></ac:plain-text-body></ac:structured-macro> |
<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="5745f6e0-8e68-4986-a4f2-064bab17dd0f"><ac:plain-text-body><![CDATA[ |
Child Filters |
|
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="aeefc67e-4d77-4080-9788-53fd81f6dea3"><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="1b2e4763-1532-4c72-acbb-cf0b7bcb55b3"><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="2513042d-ec86-44f1-b14e-123cd51b8071"><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="8d1aae91-fa90-4dc3-95c5-2391733563e6"><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="1f8482d2-f00b-41b7-a4b3-9054338d3431"><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="e3a2ec4f-289f-4436-a457-2478e549f1d0"><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="2d38fcb6-a65c-4e88-8fb4-f11b2ae07449"><ac:plain-text-body><![CDATA[ |
Accessing and Modifying CSS Attributes |
|
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="d651fc07-0717-4b78-9a11-9136c85f5748"><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="6fa93432-9cd0-4c0b-8656-3db5a69937a3"><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="deec55ed-c69a-4999-be2e-315d61ed3979"><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="494d129d-c3f5-4258-a6c3-e11223b20e35"><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="35f1d5cf-eeb2-4ca9-9c46-08d58c9b422f"><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="54fbaaf8-1f3a-4241-9b8b-d111943a7890"><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="de759ef6-0d23-4f7e-b20a-394e27fc7627"><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="9f6c259b-cc16-4e14-a261-f21ea7d2dc0c"><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="292efdc2-d495-4c19-b42e-b36a8271d9b2"><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="26a25f66-8d80-485a-9cf0-1e4818382333"><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="78c8c74f-67cd-4b49-8bb7-87197a4d6c19"><ac:plain-text-body><![CDATA[* .load(url [, data [, callback]])
|
]]></ac:plain-text-body></ac:structured-macro> |