1199824
Description
Mind Map by sidharth basu, updated more than 1 year ago
|
Created by sidharth basu
over 10 years ago
|
|
jQuery Retrieving Page Content
- Selectors & Filters retrieve
content from the document
- selectors retrieve an array of
objects as per the selection criteria
- this array is not the
set of DOM elements
- it is the collection of jQuery objects
that provide pre-defined functions for
further operating on objects
- it is the collection of jQuery objects
that provide pre-defined functions for
further operating on objects
- this array is not the
set of DOM elements
- fiilters operate on selectors to further refine
the results array that the selectors return
- selectors retrieve an array of
objects as per the selection criteria
- jQuery Selector
- Basic jQuery Selector
- tagname
- all elements that are named tagname
- all elements that are named tagname
- #identifier
- element with ID of identifier
- element with ID of identifier
- .className
- all elements with CLASS attribute of className
- all elements with CLASS attribute of className
- tag.className
- all elements of type tag with CLASS attribute of className
- all elements of type tag with CLASS attribute of className
- tag#id.className
- element of type tag with ID of id and CLASS attribute of className
- element of type tag with ID of id and CLASS attribute of className
- *
- all elements of the page
- all elements of the page
- tagname
- Hierarchical jQuery Selector
- selector, selector, ...
- all specified selectors
- all specified selectors
- .class1.class2
- all elements with both class1 & class2 applied
- all elements with both class1 & class2 applied
- parent > child
- all child elements that are children of element of type parent
- all child elements that are children of element of type parent
- ancestor descendant
- all descendant elements tht are contained within element of type ancestor
- all descendant elements tht are contained within element of type ancestor
- prev + next
- all next elements that are next to a prev element
- all next elements that are next to a prev element
- prev ~ siblings
- all sibling elements that comes after prev and match the siblings selector
- all sibling elements that comes after prev and match the siblings selector
- selector, selector, ...
- Basic jQuery Selector
- jQuery Filters (provides fine grained
control over the elements selected)
- 1. Basic
- basic filtering like getting first,
last and even and odd numbered
elements in a returned set
- basic filtering like getting first,
last and even and odd numbered
elements in a returned set
- 2. Content
- filters a set of elements based on
their content, like whether the element
contains a particular string
- filters a set of elements based on
their content, like whether the element
contains a particular string
- 3. Visibility
- filters a set of elements
based on their visibility setting
of each element as a test
- filters a set of elements
based on their visibility setting
of each element as a test
- 4. Attribute
- Examines a given attribute of
an element to determine
whether it should be filtered out
- Examines a given attribute of
an element to determine
whether it should be filtered out
- 5. Child
- Selects elements based
on their relationship with
their parent element
- Selects elements based
on their relationship with
their parent element
- 6. Form
- Provides specialized filters
that operate on form elements
- Provides specialized filters
that operate on form elements
- 1. Basic
- Retrieving
Page Content
- size(), length
- number of elements
in jQuery result set
- number of elements
in jQuery result set
- get()
- returns an array of
matched DOM elements
- returns an array of
matched DOM elements
- get(index)
- access a single DOM
element at a specified
index in matched set
- access a single DOM
element at a specified
index in matched set
- find(expression)
- searches for descendant
elements that matches
the specified expression
- searches for descendant
elements that matches
the specified expression
- each(fn)
- executes a function within the
context of every matched element
- executes a function within the
context of every matched element
- size(), length
Want to create your own Mind Maps for free with GoConqr? Learn more.