The document is a visual cheat sheet for jQuery selectors, core functions, attributes, traversing, manipulation, CSS, events, effects, and AJAX utilities. It provides a legend and descriptions for basic selectors like ID, element, class and attribute filters as well as form selectors. The cheat sheet also outlines core functions, attributes, traversing, manipulation, CSS, events and effects categories with examples of common jQuery selections and actions.
The document is a visual cheat sheet for jQuery selectors, core functions, attributes, traversing, manipulation, CSS, events, and effects. It includes a legend explaining the icons used to represent different data types. It also provides examples of various selector types including basic, attribute, form, and visibility filters.
This document provides a visual cheat sheet summary of jQuery selectors, core functionality, attributes, CSS manipulation, traversing, manipulation, events, effects, AJAX, and utilities. It includes descriptions of methods and selectors, their parameters and return values. New features in jQuery 1.4.x are marked with an equals sign, deprecated items are marked with a circled D, and data types are abbreviated.
This document provides an overview of XML syntax including element declarations, attribute declarations, DTD declarations, parameter entities, general entities, and other XML constructs. It defines keywords like ELEMENT, ATTLIST, ENTITY, NOTATION, and defines common data types, delimiters, and default values used in XML. It also includes examples of XML tags and constructs.
This document provides an overview of XML syntax including element declarations, attribute declarations, DTD declarations, parameter entities, general entities, and other XML constructs. It defines keywords like ELEMENT, ATTLIST, ENTITY, NOTATION, and defines common data types, delimiters, and default values used in XML. It also includes examples of XML tags and constructs.
XML Quick Reference (from mulberrytech.com)FrescatiStory
This document provides a summary of key XML elements and attributes including:
- Element declarations which define elements and their content models.
- Attribute declarations which define attributes for elements.
- Notation declarations which define the format of unparsed entities.
- Parameter entity declarations which define entities for reuse within the DTD.
The document is a visual cheat sheet for jQuery 1.7 that provides an overview of jQuery core functionality, selectors, attributes, traversing, manipulation, CSS, events, effects, AJAX, utilities, callbacks, data, and deferred objects. It includes icons to denote new or changed features in jQuery 1.7 and uses formatting to organize the content into sections.
This document provides an overview of key concepts in Java programming including:
- Comments can be added using //, /* */, or /** */.
- Java has primitive data types like int, double, boolean and reference types like String.
- Variables are declared with a type and initialized through assignment.
- Operators perform tasks like arithmetic, comparison, and assignment.
- Control flow is managed through conditionals like if/else and loops like for.
- Arrays store multiple values of the same type and can be one or multi-dimensional.
This document is a visual cheat sheet for jQuery selectors and core functions in jQuery 1.5. It provides descriptions and examples for various jQuery selectors including basic, hierarchy, content filter, child filter selectors. It also summarizes some core jQuery functions like get, index, length, selector and more.
The document is a visual cheat sheet for jQuery selectors, core functions, attributes, traversing, manipulation, CSS, events, and effects. It includes a legend explaining the icons used to represent different data types. It also provides examples of various selector types including basic, attribute, form, and visibility filters.
This document provides a visual cheat sheet summary of jQuery selectors, core functionality, attributes, CSS manipulation, traversing, manipulation, events, effects, AJAX, and utilities. It includes descriptions of methods and selectors, their parameters and return values. New features in jQuery 1.4.x are marked with an equals sign, deprecated items are marked with a circled D, and data types are abbreviated.
This document provides an overview of XML syntax including element declarations, attribute declarations, DTD declarations, parameter entities, general entities, and other XML constructs. It defines keywords like ELEMENT, ATTLIST, ENTITY, NOTATION, and defines common data types, delimiters, and default values used in XML. It also includes examples of XML tags and constructs.
This document provides an overview of XML syntax including element declarations, attribute declarations, DTD declarations, parameter entities, general entities, and other XML constructs. It defines keywords like ELEMENT, ATTLIST, ENTITY, NOTATION, and defines common data types, delimiters, and default values used in XML. It also includes examples of XML tags and constructs.
XML Quick Reference (from mulberrytech.com)FrescatiStory
This document provides a summary of key XML elements and attributes including:
- Element declarations which define elements and their content models.
- Attribute declarations which define attributes for elements.
- Notation declarations which define the format of unparsed entities.
- Parameter entity declarations which define entities for reuse within the DTD.
The document is a visual cheat sheet for jQuery 1.7 that provides an overview of jQuery core functionality, selectors, attributes, traversing, manipulation, CSS, events, effects, AJAX, utilities, callbacks, data, and deferred objects. It includes icons to denote new or changed features in jQuery 1.7 and uses formatting to organize the content into sections.
This document provides an overview of key concepts in Java programming including:
- Comments can be added using //, /* */, or /** */.
- Java has primitive data types like int, double, boolean and reference types like String.
- Variables are declared with a type and initialized through assignment.
- Operators perform tasks like arithmetic, comparison, and assignment.
- Control flow is managed through conditionals like if/else and loops like for.
- Arrays store multiple values of the same type and can be one or multi-dimensional.
This document is a visual cheat sheet for jQuery selectors and core functions in jQuery 1.5. It provides descriptions and examples for various jQuery selectors including basic, hierarchy, content filter, child filter selectors. It also summarizes some core jQuery functions like get, index, length, selector and more.
This document summarizes Google App Engine's datastore and data modeling features. The datastore provides scalable storage and querying. It uses models defined by subclasses of Model. Properties on models define data types and are instances of the Property class. Queries use the Query class to retrieve and filter models. Keys uniquely identify entities and are represented as instances of the Key class.
The document provides information about a JavaScript course including:
1. The course consists of 5 lectures and 5 labs and is evaluated based on projects, assignments, labs and quizzes.
2. The lecture outline covers introduction to JavaScript, syntax, built-in objects and functions.
3. JavaScript was invented by Brendan Eich at Netscape and first appeared in the Netscape Navigator browser in 1995.
This document provides an overview of functional programming concepts in Java including lambda expressions, functional interfaces like Function and Consumer, streams, and the Optional API. It discusses how these features allow expressing operations like mapping, filtering, reducing in a more declarative way. The document also mentions topics for further exploration like currying, monads, dependency injection and the future of design patterns with functional programming.
The document discusses a lecture on machine learning algorithms. It covers recapping the ID3 algorithm, machine learning biases including language bias and preference bias, and decision tree learning. It also compares the ID3 and CANDIDATE-ELIMINATION algorithms, noting that ID3 has a preference bias while CANDIDATE-ELIMINATION has a restriction bias.
This document provides a summary of key aspects of the Java programming language including:
- Java keywords and their usage
- Standard Java packages and common collections/algorithms
- Formatted output using printf
- Primitive data types in Java
This document provides an overview of ActionScript, including:
- It is an object-oriented programming language that supports encapsulation, abstraction, inheritance, and polymorphism.
- ActionScript code is defined in files with a .as extension or embedded in MXML files.
- It has basic data types like int, Number, Boolean, String, and others.
- Classes must define a public constructor.
- Functions are defined with access modifiers, arguments, return types.
- Events and event handling are used for user interactions.
- Runtime type checking uses the "is" operator and casting uses "as".
- Exceptions use try/catch/finally blocks.
The document discusses Java strings and string comparison. It provides details on Java string class methods like charAt(), length(), substring(), contains(), equals(), etc. It also discusses the three ways to compare strings in Java: 1) Using the equals() method which compares string content, 2) Using the == operator which compares references, and 3) Using the compareTo() method which compares strings lexicographically. Examples of comparing strings using the equals() method are also provided.
This document provides an introduction to JavaScript, including its uses, differences from Java, and how code is structured in HTML documents. It outlines objectives like learning operators, loops, functions, objects, event handlers and forms. It also covers JavaScript variables and data types, statements and operators, control structures like conditional statements and loops, and statements like break and continue. The overall purpose is to teach the basics of JavaScript programming.
Este documento presenta una lista de lugares notables en Praga, la capital de la República Checa, incluyendo la Catedral de San Vito, el Puente de Carlos, el Barrio de Mala Strana y la Iglesia de Tyn.
Two young sisters, Satsuki and Mei, move to the country with their father to be closer to their hospitalized mother. They discover that the nearby forest is inhabited by magical creatures called Totoros. The girls befriend the Totoros and have several magical adventures in the forest. The document provides a synopsis of the 1988 Studio Ghibli film My Neighbor Totoro, including characters, awards, and reference links. It also includes a quote from the father in the film.
This document discusses how social media has changed communication between people through increased connectivity enabled by new technologies. It argues that companies should focus not on specific social media tools, but on how improved communication allows for greater feedback, innovation, and opportunities to solve customer problems publicly. By listening to open communication and experimenting cheaply, companies can turn complaints into solutions and find new ways to create value for customers and brand.
Local And Wide Area Networking (Networking Media - Physical Cable)Zakkuefuron Frogie
This document discusses several types of cabling used for computer networking. It describes coaxial cable, which uses a central conductor surrounded by insulating sheets and a protective jacket. It is an older technology not widely used now. Twisted pair cable is then discussed, which uses pairs of copper wires to transmit data and support standards like Ethernet. Different categories of twisted pair cable are explained with their characteristics and speed capabilities. Optical fiber is also summarized, explaining how it transmits data using light signals through a glass or plastic core instead of electrical signals. Wireless networking is briefly introduced as using wireless access points and network interface cards to transmit electromagnetic signals through the air.
The female reproductive system consists of ovaries, fallopian tubes, uterus, and vagina. Oogenesis is the process where ova or eggs are formed in the ovaries. It involves the formation of oogonia which develop into primary oocytes. The primary oocytes undergo meiotic division to form secondary oocytes. When a secondary oocyte is mature and released, if fertilized by sperm in the fallopian tubes, it may develop into an embryo in the uterus.
How to cut your aircraft maintenance costs in the coming 12 months? - Patrick...MROair
The document summarizes the key points from a conference on reducing aircraft maintenance costs. It discusses how companies like Boeing have reduced maintenance costs by 25% and encourages conference attendees to do the same. It then provides 7 steps for cutting costs: 1) outperform cost targets with support from finance, 2) create a cost reduction plan and have your team execute it, 3) stop paying fixed fees, 4) create competition among suppliers, 5) use outsourcing to benchmark costs, 6) set clear performance and cost targets, and 7) focus on long-term partnerships for sustained savings. The document concludes by urging attendees to start implementing cost savings.
This document summarizes Google App Engine's datastore and data modeling features. The datastore provides scalable storage and querying. It uses models defined by subclasses of Model. Properties on models define data types and are instances of the Property class. Queries use the Query class to retrieve and filter models. Keys uniquely identify entities and are represented as instances of the Key class.
The document provides information about a JavaScript course including:
1. The course consists of 5 lectures and 5 labs and is evaluated based on projects, assignments, labs and quizzes.
2. The lecture outline covers introduction to JavaScript, syntax, built-in objects and functions.
3. JavaScript was invented by Brendan Eich at Netscape and first appeared in the Netscape Navigator browser in 1995.
This document provides an overview of functional programming concepts in Java including lambda expressions, functional interfaces like Function and Consumer, streams, and the Optional API. It discusses how these features allow expressing operations like mapping, filtering, reducing in a more declarative way. The document also mentions topics for further exploration like currying, monads, dependency injection and the future of design patterns with functional programming.
The document discusses a lecture on machine learning algorithms. It covers recapping the ID3 algorithm, machine learning biases including language bias and preference bias, and decision tree learning. It also compares the ID3 and CANDIDATE-ELIMINATION algorithms, noting that ID3 has a preference bias while CANDIDATE-ELIMINATION has a restriction bias.
This document provides a summary of key aspects of the Java programming language including:
- Java keywords and their usage
- Standard Java packages and common collections/algorithms
- Formatted output using printf
- Primitive data types in Java
This document provides an overview of ActionScript, including:
- It is an object-oriented programming language that supports encapsulation, abstraction, inheritance, and polymorphism.
- ActionScript code is defined in files with a .as extension or embedded in MXML files.
- It has basic data types like int, Number, Boolean, String, and others.
- Classes must define a public constructor.
- Functions are defined with access modifiers, arguments, return types.
- Events and event handling are used for user interactions.
- Runtime type checking uses the "is" operator and casting uses "as".
- Exceptions use try/catch/finally blocks.
The document discusses Java strings and string comparison. It provides details on Java string class methods like charAt(), length(), substring(), contains(), equals(), etc. It also discusses the three ways to compare strings in Java: 1) Using the equals() method which compares string content, 2) Using the == operator which compares references, and 3) Using the compareTo() method which compares strings lexicographically. Examples of comparing strings using the equals() method are also provided.
This document provides an introduction to JavaScript, including its uses, differences from Java, and how code is structured in HTML documents. It outlines objectives like learning operators, loops, functions, objects, event handlers and forms. It also covers JavaScript variables and data types, statements and operators, control structures like conditional statements and loops, and statements like break and continue. The overall purpose is to teach the basics of JavaScript programming.
Este documento presenta una lista de lugares notables en Praga, la capital de la República Checa, incluyendo la Catedral de San Vito, el Puente de Carlos, el Barrio de Mala Strana y la Iglesia de Tyn.
Two young sisters, Satsuki and Mei, move to the country with their father to be closer to their hospitalized mother. They discover that the nearby forest is inhabited by magical creatures called Totoros. The girls befriend the Totoros and have several magical adventures in the forest. The document provides a synopsis of the 1988 Studio Ghibli film My Neighbor Totoro, including characters, awards, and reference links. It also includes a quote from the father in the film.
This document discusses how social media has changed communication between people through increased connectivity enabled by new technologies. It argues that companies should focus not on specific social media tools, but on how improved communication allows for greater feedback, innovation, and opportunities to solve customer problems publicly. By listening to open communication and experimenting cheaply, companies can turn complaints into solutions and find new ways to create value for customers and brand.
Local And Wide Area Networking (Networking Media - Physical Cable)Zakkuefuron Frogie
This document discusses several types of cabling used for computer networking. It describes coaxial cable, which uses a central conductor surrounded by insulating sheets and a protective jacket. It is an older technology not widely used now. Twisted pair cable is then discussed, which uses pairs of copper wires to transmit data and support standards like Ethernet. Different categories of twisted pair cable are explained with their characteristics and speed capabilities. Optical fiber is also summarized, explaining how it transmits data using light signals through a glass or plastic core instead of electrical signals. Wireless networking is briefly introduced as using wireless access points and network interface cards to transmit electromagnetic signals through the air.
The female reproductive system consists of ovaries, fallopian tubes, uterus, and vagina. Oogenesis is the process where ova or eggs are formed in the ovaries. It involves the formation of oogonia which develop into primary oocytes. The primary oocytes undergo meiotic division to form secondary oocytes. When a secondary oocyte is mature and released, if fertilized by sperm in the fallopian tubes, it may develop into an embryo in the uterus.
How to cut your aircraft maintenance costs in the coming 12 months? - Patrick...MROair
The document summarizes the key points from a conference on reducing aircraft maintenance costs. It discusses how companies like Boeing have reduced maintenance costs by 25% and encourages conference attendees to do the same. It then provides 7 steps for cutting costs: 1) outperform cost targets with support from finance, 2) create a cost reduction plan and have your team execute it, 3) stop paying fixed fees, 4) create competition among suppliers, 5) use outsourcing to benchmark costs, 6) set clear performance and cost targets, and 7) focus on long-term partnerships for sustained savings. The document concludes by urging attendees to start implementing cost savings.
20130306 presentation dag aviation mro future in the Netherlands - patrick mo...
Jquery
1. JQUERY 1.3 VISUAL CHEAT SHEET ★ SELECTORS ★ CORE ★ ATTRIBUTES ★ TRAVERSING ★ MANIPULATION ★ CSS ★ EVENTS ★ EFFECTS ★ AJAX ★ UTILITIES
LEGEND C ★ SELECTORS / 3. BASIC FILTERS ★ SELECTORS / 5. ATTRIBUTE FILTERS ★ SELECTORS / 7. VISIBILITY FILTERS
El Element a<> Array :first :hidden
a<El> [attribute] a<El(s)>
a<i> Array of i Matches the first selected element. a<El(s)> Matches all elements that are hidden.
Fx Function Matches elements that have the specified attribute.
a<i(s)> Array of i (s)
Num Number
T Notes :last :visible
Int Integer a<El> a<El(s)>
Matches the last selected element. [attribute=value] Matches all elements that are visible.
Deprecated in
0-1 Boolean ✽ Matches elements that have the specified attribute a<El(s)>
jQuery 1.3
with a certain value.
Designed by Antonio Lupetti
:not(selector)
Filters out all elements matching the given a<El(s)>
• http://woork.blogspot.com • http://www.twitter.com/woork selector. [attribute!=value] ★ SELECTORS / 8. FORMS
Matches elements that either don't have the a<El(s)>
:even specified attribute or do have the specified
a<El(s)>
attribute but not with a certain value.
:input
Matches even elements, zero-indexed.
★ SELECTORS / 1. BASIC Matches all input, textarea, select and button a<El(s)>
elements.
#id :odd [attribute^=value]
a<El(s)> a<El(s)> :text
Matches a single element with the given id a<El> Matches odd elements, zero-indexed. Matches elements that have the specified attribute a<El(s)>
and it starts with a certain value. Matches all input elements of type text.
attribute.
:password
:eq(index) a<El(s)>
element a<El> Matches all input elements of type password.
a<El(s)> Matches a single element by its index. [attribute$=value]
Matches all elements with the given name. a<El(s)>
Matches elements that have the specified attribute :radio
and it ends with a certain value. a<El(s)>
:gt(index) Matches all input elements of type radio.
.class a<El(s)>
a<El(s)> Matches all elements with an index above the
Matches all elements with the given class. :checkbox
given one. [attribute*=value] a<El(s)>
Matches all input elements of type checkbox.
Matches elements that have the specified attribute a<El(s)>
.class.class :lt(index) and it contains a certain value. :submit
a<El(s)> Matches all elements with an index below the a<El(s)> a<El(s)>
Matches all elements with the given classes. Matches all input elements of type submit.
given one.
[attributeFilter1][attributeFilter2] :image
:header a<El(s)>
* [attributeFilterN]
a<El(s)> Matches all input elements of type image.
a<El(s)> a<El(s)>
Matches all elements. Matches all elements that are headers, like h1, Matches elements that match all of the specified
h2, h3 and so on. attribute filters. :reset
a<El(s)>
selector1, selector2, selectorN Matches all input elements of type reset.
:animated
Matches the combined results of all the specified a<El(s)> :button
Matches all elements that are currently being a<El(s)>
selectors. animated. a<El(s)>
Matches all button elements and input elements
of type button
★ SELECTORS / 6. CHILD FILTERS
:file
a<El(s)>
Matches all input elements of type file.
★ SELECTORS / 2. HIERARCHY :nth-child(index/even/odd/equation)
★ SELECTORS / 4. CONTENT FILTERS
Matches all elements that are the nth-child of their a<El(s)>
parent or that are the parent's even or odd
ancestor descendant children.
Matches all descendant elements specified by a<El(s)> :contains(text)
a<El(s)> ★ SELECTORS / 9. FORM FILTERS
"descendant" of elements specified by "ancestor". Matches elements which contain the given text.
:first-child
Matches all elements that are the first child of their a<El(s)> :enabled
parent > child :empty a<El(s)>
a<El(s)> parent. Matches all elements that are enabled.
Matches all child elements specified by "child" of Matches all elements that have no children a<El(s)>
elements specified by "parent. (including text nodes).
:last-child :disabled
a<El(s)>
prev + next :has(selector) Matches all elements that are the last child of their a<El(s)> Matches all elements that are disabled.
Matches all next elements specified by "next" that a<El(s)> Matches elements which contain at least one a<El(s)> parent.
are next to elements specified by "prev". element that matches the specified selector. :checked
a<El(s)>
Matches all elements that are checked.
prev ~ siblings :parent :only-child
a<El(s)> Matches all elements that are parents - they have a<El(s)> Matches all elements that are the only child of a<El(s)> :selected
Matches all sibling elements after the "prev" a<El(s)>
element that match the filtering "siblings" selector. child elements, including text. their parent. Matches all elements that are selected.
2. JQUERY 1.3 VISUAL CHEAT SHEET ★ SELECTORS ★ CORE ★ ATTRIBUTES ★ TRAVERSING ★ MANIPULATION ★ CSS ★ EVENTS ★ EFFECTS ★ AJAX ★ UTILITIES
★ CORE / 1. THE JQUERY FUNCTION ★ CORE / 3. DATA ★ ATTRIBUTES / 1. ATTR ★ ATTRIBUTES / 3. HTML
jQuery( expression, context ) data( name ) attr( name ) html( )
This function accepts a string containing a CSS Returns value at named data store for the Any Get the html contents (innerHTML) of the first
jQuery Access a property on the first matched element.
selector which is then used to match a set of element, as set by data(name, value). matched element. This property is not available
This method makes it easy to retrieve a
elements. on XML documents (although it will work for
property value from the first matched element.
XHTML documents).
If the element does not have an attribute with Object String
data( name, value ) such a name, undefined is returned. T How to use:
jQuery( html, ownerDocument ) jQuery
Stores the value in the named spot. $("p").click(function () {
Create DOM elements on-the-fly from the jQuery
provided String of raw HTML.
T Attributes include title, alt, src, href, width, var htmlStr = $(this).html();
style, etc. $(this).text(htmlStr);
removeData( name ) });
jQuery( elements ) jQuery
Removes named data store from an element.
Wrap jQuery functionality around a single or an jQuery attr( properties )
jQuery html( val )
array of DOM Element(s) . Set a key/value object as properties to all
matched elements. Set the html contents of every matched element.
queue( name ) This property is not available on XML
documents (although it will work for XHTML
jQuery( callback ) Returns a reference to the first element's queue a<Fx>
jQuery documents).
A shorthand for $(document).ready().
(which is an array of functions). attr( key, value ) jQuery
Set a single property to a value, on all matched jQuery T How to use:
elements. $("div").html("
queue( name, callback )
jQuery <span class='red'>Hello
Adds a new function, to be executed, onto the
end of the queue of all matched elements. attr( key, fn ) <b>Again</b></span>");
★ CORE / 2. OBJECT ACCESSORS Set a single property to a computed value, on all jQuery
matched elements.
each( callback ) queue( name, queue )
jQuery Replaces the queue of all matched element with jQuery
Execute a function within the context of every ★ ATTRIBUTES / 4. TEXT
matched element. this new queue (the array of functions). removeAttr( name )
Remove an attribute from each of the matched jQuery
elements.
size( ) dequeue( name ) text( )
Num
The number of elements in the jQuery object. jQuery Get the combined text contents of all matched
Removes a queued function from the front of the
elements.
queue and executes it.
String
length ★ ATTRIBUTES / 2. CLASS T How to use:
Num
The number of elements in the jQuery object. var str = $("p:first").text();
$("p:last").html(str);
selector ★ CORE / 4. PLUGIN addClass( class )
A selector representing selector originally passed String Adds the specified class(es) to each of the set of jQuery
to jQuery(). matched elements. text( val )
jQuery
jQuery.fn.extend( object ) Set the text contents of all matched elements.
context Extends the jQuery element set to provide new jQuery
The DOM node context originally passed to jQuery El methods (used to make a typical jQuery plugin). hasClass( class )
() (if none was passed then context will be equal to 0-1
the document). Returns true if the specified class is present on
at least one of the set of matched elements.
jQuery.extend( object ) ★ ATTRIBUTES / 5. VALUE
eq( position ) jQuery
jQuery Extends the jQuery object itself.
Reduce the set of matched elements to a single
element. removeClass( class )
Removes all or the specified class(es) from the jQuery val( )
get( ) set of matched elements. Get the input value of the first matched element.
a<El>
Access all matched DOM elements.
★ CORE / 5. INTEROPERABILITY T How to use:
String | a<>
toggleClass( class ) $("input").keyup(function () {
get( index ) var value = $(this).val();
Adds the specified class if it is not present, jQuery
Access a single matched DOM element at a El jQuery.noConflict( ) removes the specified class if it is present. $("p").text(value);
specified index in the matched set. jQuery
Run this function to give control of the $ variable }).keyup();
back to whichever library first implemented it.
index( subject )
Searches every matched element for the object and toggleClass( class, switch ) val( val )
returns the index of the element, if found, starting Num jQuery.noConflict( extreme ) Adds the specified class if the switch is true, jQuery Set the text contents of all matched elements.
with zero. If a jQuery object is passed, only the jQuery removes the specified class if the switch is false. Checks, or selects, all the radio buttons, jQuery
Extends the jQuery object itself. Use with
first element is checked. discretion. checkboxes, and select options that match the set
of values.
3. JQUERY 1.3 VISUAL CHEAT SHEET ★ SELECTORS ★ CORE ★ ATTRIBUTES ★ TRAVERSING ★ MANIPULATION ★ CSS ★ EVENTS ★ EFFECTS ★ AJAX ★ UTILITIES
★ TRAVERSING / 1. FILTERING ★ TRAVERSING / 3. FINDING ★ MANIPULATION / 1. CONTENTS ★ MANIPULATION / 4. INSERTING AROUD
eq( index ) add( expr ) html( ) wrap( html )
Reduce the set of matched elements to a single Adds more elements, matched by the given jQuery Get the html contents (innerHTML) of the first Wrap each matched element with the specified jQuery
element. expression, to the set of matched elements. matched element. String HTML content.
jQuery
T This property is not available on XML
T How to use:
documents
$("div").eq(2).addClass("blue");
children( expr )
Get a set of elements containing all of the unique wrap( elem )
jQuery html( val ) jQuery
immediate children of each of the matched set of Wrap each matched element with the specified
filter( expr ) elements. Set the html contents of every matched element. element.
jQuery
Removes all elements from the set of matched T This property is not available on XML
elements that do not match the specified closest( expr ) documents
expression(s). wrapAll( html )
Get a set of elements containing the closest jQuery
jQuery parent element that matches the specified text( ) Wrap all the elements in the matched set into a jQuery
T How to use:
selector, the starting element included. Get the combined text contents of all matched String single wrapper element.
$("div").css("background", "#c8ebcc") elements.
.filter(".middle") contents( )
.css("border-color", "red"); Find all the child nodes inside the matched jQuery wrapAll( elem )
elements (including text nodes), or the content text( val )
jQuery Wrap all the elements in the matched set into a jQuery
document, if the element is an iframe. Set the text contents of all matched elements.
single wrapper element.
filter( fn )
Removes all elements from the set of matched jQuery
elements that do not match the specified function.
find( expr )
jQuery wrapInner( html )
Searches for descendent elements that match the
specified expression. Wrap the inner child contents of each matched jQuery
element (including text nodes) with an HTML
is( expr ) ★ MANIPULATION / 2. INSERTING INSIDE
structure.
Checks the current selection against an expression 0-1 next( expr )
and returns true, if at least one element of the append( content )
Get a set of elements containing the unique next jQuery wrapInner( elem )
selection fits the given expression. jQuery
siblings of each of the given set of elements. Append content to the inside of every matched Wrap the inner child contents of each matched
element. jQuery
element (including text nodes) with a DOM
element.
map( callback ) appendTo( selector )
nextAll( expr )
Translate a set of elements in the jQuery object jQuery jQuery jQuery
Find all sibling elements after the current Append all of the matched elements to another,
into another set of values in a jQuery array
element. specified, set of elements.
(which may, or may not contain elements).
prepend( content ) ★ MANIPULATION / 5. REPLACING
not( expr ) offsetParent( ) Prepend content to the inside of every matched jQuery
Returns a jQuery collection with the positioned jQuery
Removes elements matching the specified jQuery element.
parent of the first matched element.
expression from the set of matched elements. replaceWith( content )
prependTo( selector ) Replaces all matched elements with the specified
parent( expr ) Prepend all of the matched elements to another, jQuery HTML or DOM elements. This returns the jQuery
slice( start, end ) Get the direct parent of an element. If called on jQuery specified, set of elements. JQuery element that was just replaced, which
jQuery
Selects a subset of the matched elements. a set of elements, parent returns a set of their has been removed from the DOM.
unique direct parent elements.
parents( expr ) replaceAll( selector )
Get a set of elements containing the unique ★ MANIPULATION / 3. INSERTING OUTSIDE Replaces the elements matched by the specified jQuery
jQuery
★ TRAVERSING / 2. CHAINING ancestors of the matched set of elements (except selector with the matched elements.
for the root element).
after( content )
jQuery
andSelf( ) prev( expr ) Insert content after each of the matched elements.
Add the previous selection to the current selection. Get a set of elements containing the unique jQuery
previous siblings of each of the matched set of ★ MANIPULATION / 6. REMOVING
T How to use: jQuery elements. before( content )
jQuery
Insert content before each of the matched elements.
$("div").find("p").andSelf().addClass("border"); empty( )
$("div").find("p").addClass("background"); prevAll( expr ) jQuery
jQuery Remove all child nodes from the set of matched
Find all sibling elements in front of the current insertAfter( selector ) elements.
element. Insert all of the matched elements after another, jQuery
end( ) specified, set of elements.
Revert the most recent 'destructive' operation, remove( expr )
changing the set of matched elements to its jQuery siblings( expr ) jQuery
previous state (right before the destructive jQuery insertBefore( selector ) Removes all matched elements from the DOM.
Get a set of elements containing all of the unique jQuery
operation). siblings of each of the matched set of elements. Insert all of the matched elements before another,
specified, set of elements.
4. JQUERY 1.3 VISUAL CHEAT SHEET ★ SELECTORS ★ CORE ★ ATTRIBUTES ★ TRAVERSING ★ MANIPULATION ★ CSS ★ EVENTS ★ EFFECTS ★ AJAX ★ UTILITIES
★ MANIPULATION / 7. COPYING ★ CSS / 3. HEIGHT AND WIDTH ★ EVENTS / 2. EVENT HANDLING
error( ) / error( fn )
Triggers / Bind a function to the error event of jQuery
clone( ) height( ) bind( type, data, fn ) each matched element.
Clone matched DOM Elements and select the jQuery Get the current computed, pixel, height of the Int Binds a handler to one or more events (like jQuery
clones. first matched element. click) for each matched element. Can also bind focus( ) / focus( fn )
custom events.
Triggers / Bind a function to the focus event of jQuery
clone( bool ) height( val ) each matched element.
Clone matched DOM Elements, and all their event jQuery jQuery one( type, data, fn )
Set the CSS height of every matched element.
handlers, and select the clones. Binds a handler to one or more events to be jQuery keydown( ) / keydown( fn )
executed once for each matched element. Triggers / Bind a function to the keydown event jQuery
width( ) of each matched element.
Get the current computed, pixel, width of the Int
first matched element. trigger( event, data ) keypress( ) / keypress( fn )
★ CSS / 1. CSS jQuery
Trigger an event on every matched element. jQuery
Triggers / Bind a function to the keypress event
of each matched element.
css( name ) width( val )
jQuery
Return a style property on the first matched String Set the CSS width of every matched element. triggerHandler( event, data )
element.
keyup( ) / keyup( fn )
Triggers all bound event handlers on an
element (for a specific event type) WITHOUT Object Triggers / Bind a function to the keyup event of jQuery
innerHeight( ) executing the browser's default actions, each matched element.
css( properties )
bubbling, or live events.
Set a key/value object as style properties to all jQuery Gets the inner height (excludes the border and Int
matched elements. includes the padding) for the first matched load( fn )
element. unbind( type, fn ) Binds a function to the load event of each jQuery
css( name, value ) This does the opposite of bind, it removes bound jQuery matched element.
Set a single style property to a value on all jQuery innerWidth( ) events from each of the matched elements.
matched elements. Gets the inner width (excludes the border and mousedown( fn )
Int
includes the padding) for the first matched Binds a function to the mousedown event of jQuery
element. each matched element.
★ EVENTS / 3. INTERACTION HELPERS
outerHeight( margin ) mouseenter( fn )
★ CSS / 2. POSITIONING jQuery
Gets the outer height (includes the border and Int Bind a function to the mouseenter event of each
padding by default) for the first matched hover( over, out ) matched element.
offset( ) element. Simulates hovering (moving the mouse on, and jQuery
Get the current offset of the first matched Object{top, left} off, an object). This is a custom method which mouseleave( fn )
element, in pixels, relative to the document. provides an 'in' to a frequent task. jQuery
outerWidth( margin ) Bind a function to the mouseleave event of each
Get the outer width (includes the border and matched element.
Int
offsetParent( ) padding by default) for the first matched toggle( fn, fn2, fn3, fn4, ... )
Returns a jQuery collection with the element. jQuery mousemove( fn )
jQuery Append all of the matched elements to another,
positioned parent of the first matched specified, set of elements. Bind a function to the mousemove event of each jQuery
element. matched element.
position( ) mouseout( fn )
Object{top, left}
★ EVENTS / 1. PAGE LOAD
Gets the top and left position of an element Bind a function to the mouseout event of each jQuery
relative to its offset parent. ★ EVENTS / 4. EVENT HELPERS matched element.
ready( fn )
scrollTop( ) Binds a function to be executed whenever the jQuery blur( ) / blur( fn ) mouseover( fn )
Gets the scroll top offset of the first matched Int DOM is ready to be traversed and manipulated. Triggers / Bind a function to the blur event of jQuery Bind a function to the mouseover event of each jQuery
element. each matched element. matched element.
scrollTop( val ) change( ) / change( fn ) mouseup( fn )
Triggers / Bind a function to the chenge event of jQuery Bind a function to the mouseup event of each jQuery
When a value is passed in, the scroll top jQuery ★ EVENTS / 2. LIVE EVENTS
offset is set to that value on all matched each matched element. matched element.
elements.
live( type, fn ) click( ) / click( fn ) resize( fn )
scrollLeft( ) Binds a handler to an event (like click) for all Triggers / Bind a function to the click event of jQuery Bind a function to the resize event of each jQuery
jQuery
Gets the scroll left offset of the first matched Int current - and future - matched element. Can also each matched element. matched element.
element. bind custom events.
dblclick( ) / dblick( fn ) scroll( fn )
scrollLeft( val ) die( type, fn ) jQuery jQuery
jQuery Triggers / Bind a function to the dblclick event Bind a function to the scroll event of each
When a value is passed in, the scroll left offset jQuery matched element.
This removes a bound live event. of each matched element.
is set to that value on all matched elements.
5. JQUERY 1.3 VISUAL CHEAT SHEET ★ SELECTORS ★ CORE ★ ATTRIBUTES ★ TRAVERSING ★ MANIPULATION ★ CSS ★ EVENTS ★ EFFECTS ★ AJAX ★ UTILITIES
★ EFFECTS / 2. SLIDING ★ EFFECTS / 5. CUSTOM ★ AJAX / 2. EVENTS
select( ) / select( fn )
Triggers / Bind a function to the select event of jQuery
each matched element. animate( params, duration, easing, callback )
slideDown( speed, callback ) ajaxComplete( callback )
Reveal all matched elements by adjusting their A function for making custom animations. Attach a function to be executed whenever an
jQuery
submit( ) / submit( fn ) height and firing an optional callback after AJAX request completes.
completion.
T How to use:
Triggers / Bind a function to the submit event of jQuery
$("#go").click(function(){ T How to use: jQuery
each matched element.
$("#block").animate({ $("#msg").ajaxComplete(function
slideUp( speed, callback ) jQuery
width: "70%", (event,request, settings){
unload( fn ) Hide all matched elements by adjusting their jQuery opacity: 0.4, $(this).append("<li>Complete!</li>");
Binds a function to the unload event of each jQuery height and firing an optional callback after
completion. }, 1500 ); });
matched element.
});
slideToggle( speed, callback ) ajaxError( callback )
Toggle the visibility of all matched elements by jQuery
animate( params, options ) Attach a function to be executed whenever an jQuery
jQuery
★ EFFECTS / 1. BASICS adjusting their height and firing an optional A function for making custom animations. AJAX request fails.
callback after completion.
show( ) ajaxSend( callback )
Displays each of the set of matched elements if stop( clearQueue, gotoEnd )
Attach a function to be executed before an AJAX
they are hidden. Stops all the currently running animations on all jQuery
jQuery request is sent.
★ EFFECTS / 3. FADING the specified elements.
T How to use: T How to use:
jQuery
$("p").show() $("#msg").ajaxSend(function(evt, request,
fadeIn( speed, callback ) settings){
Fade in all matched elements by adjusting their $(this).append("<li>Starting request at " +
show( speed, callback ) opacity and firing an optional callback after ★ AJAX / 1. AJAX REQUESTS settings.url + "</li>");
Show all matched elements using a graceful jQuery completion. });
animation and firing an optional callback after jQuery
completion. T How to use: jQuery.ajax( options )
XMLHttpReq ajaxStart( callback )
$(document.body).click(function () { Load a remote page using an HTTP request.
hide( ) $("div:hidden:first").fadeIn("slow"); Attach a function to be executed whenever an jQuery
}); AJAX request begins and there is none already
Hides each of the set of matched elements if they load( url, data, callback ) active.
are shown.
jQuery Load HTML from a remote file and inject it into jQuery
fadeOut( speed, callback ) the DOM.
T How to use:
Fade out all matched elements by adjusting ajaxStop( callback )
$("p").hide() their opacity to 0, then setting display to "none" jQuery Attach a function to be executed whenever all jQuery
and firing an optional callback after jQuery.get( url, data, callback, type ) AJAX requests have ended.
completion.
hide( speed, callback ) Load a remote page using an HTTP GET XMLHttpReq
Hide all matched elements using a graceful request.
0-1 fadeTo( speed, opacity, callback )
animation and firing an optional callback after ajaxSuccess( callback )
completion. Fade the opacity of all matched elements to a
Attach a function to be executed whenever an jQuery
specified opacity and firing an optional callback jQuery.getJSON( url, data, callback, type )
after completion. AJAX request completes successfully.
Load JSON data using an HTTP GET request. XMLHttpReq
toggle( ) jQuery
T How to use:
Toggle displaying each of the set of matched
elements. $("p:first").click(function () {
$(this).fadeTo("slow", 0.33); jQuery.getScript( url, callback ) ★ AJAX / 3. MISC
T How to use: jQuery Loads, and executes, a local JavaScript file XMLHttpReq
});
$("button").click(function () { using an HTTP GET request.
$("p").toggle(); jQuery.ajaxSetup( options )
}); jQuery.post( url, data, callback, type ) Setup global settings for AJAX requests.
★ EFFECTS / 4. SETTINGS XMLHttpReq
Load a remote page using an HTTP POST
toggle( switch ) request.
Toggle displaying each of the set of matched serialize( )
jQuery jQuery.fx.off T How to use:
elements based upon the switch (true shows all Serializes a set of input elements into a string of String
elements, false hides all elements). Globally disable all animations. data.
$.post("test.php", { func:
T How to use: "getNameAndTime" },
0-1 function(data){ serializeArray( )
toggle( speed, callback ) jQuery.fx.off = true;
alert(data.name); // John Serializes all forms and form elements (like
Toggle displaying each of the set of matched jQuery $("input").click(function(){ a<Object>
elements using a graceful animation and firing console.log(data.time); // 2pm the .serialize() method) but returns a JSON data
$("div").toggle("slow"); structure for you to work with.
an optional callback after completion. }, "json");
});