jQuery 1.4.2 直观速查表
需积分: 3 19 浏览量
2010-09-10
18:17:49
上传
评论
收藏 350KB PDF 举报
jQUERY 1.4.2
VISUAL CHEAT SHEET
❉ SELECTORS / 1. BASIC
All Selector (“*”)
Selects all elements.
a<El(s)>
Class Selector (“.class”)
Matches all elements with the given name.
a<El(s)>
Element Selector (“element”)
Selects all elements with the given tag
name.
a<El(s)>
ID Selector (“#id”)
Selects a single element with the given id
attribute.
a<El>
Multiple Selector (“selector1,
selector2, selectorN”)
Selects the combined results of all the
specified selectors.
a<El(s)>
❉ SELECTORS / 2. HIERARCHY
Child Selector (“parent > child”)
Selects all direct child elements specified
by "child" of elements specified by
"parent".
a<El(s)>
Descendant Selector (“ancestor
descendant”)
Selects all elements that are descendants
of a given ancestor.
a<El(s)>
Next Adjacent Selector (“prev +
next”)
Selects all next elements matching "next"
that are immediately preceded by a sibling
"prev".
a<El(s)>
Next Siblings Selector (“prev ~
siblings”)
Selects all sibling elements that follow
after the "prev" element, have the same
parent, and match the filtering "siblings"
selector.
a<El(s)>
❉ SELECTORS / 3. BASIC FILTER
:animated Selector
Select all elements that are in the progress
of an animation at the time the selector is
run.
a<El(s)>
:eq() Selector
Select the element at index n within the
matched set.
a<El>
:even Selector
Selects even elements, zero-indexed
a<El(s)>
:first Selector
Selects the first matched element.
a<El>
:gt() Selector
Select all elements at an index greater
than index within the matched set.
a<El(s)>
:header Selector
Selects all elements that are headers, like
h1, h2, h3 and so on.
a<El(s)>
:last Selector
Selects the last matched element.
a<El>
:lt() Selector
Select all elements at an index less than
index within the matched set.
a<El(s)>
:not() Selector
Selects all elements that do not match the
given selector.
a<El(s)>
:odd Selector
Selects odd elements, zero-indexed. See
also even.
a<El(s)>
❉ SELECTORS / 4. CONTENT FILTER
:contains() Selector
Select all elements that contain the
specified text.
a<El(s)>
:empty Selector
Select all elements that have no children
(including text nodes).
a<El(s)>
:has() Selector
Selects elements which contain at least one
element that matches the specified
selector.
a<El(s)>
:parent Selector
Select all elements that are the parent of
another element, including text nodes.
a<El(s)>
❉ SELECTORS / 5. ATTRIBUTE
[name|=value]
Selects elements that have the specified
attribute with a value either equal to a
given string or starting with that string
followed by a hyphen (-).
a<El(s)>
[name*=value]
Selects elements that have the specified
attribute with a value containing the a
given substring.
a<El(s)>
[name~=value]
Selects elements that have the specified
attribute with a value containing a given
word, delimited by spaces.
a<El(s)>
[name$=value]
Selects elements that have the specified
attribute with a value ending exactly with
a given string.
a<El(s)>
[name=value]
Selects all elements that are headers, like
h1, h2, h3 and so on.
a<El(s)>
[name!=value]
Select elements that either don't have the
specified attribute, or do have the specified
attribute but not with a certain value.
a<El(s)>
[name^=value]
Selects elements that have the specified
attribute with a value beginning exactly
with a given string.
a<El(s)>
[name]
Selects elements that have the specified
attribute, with any value.
a<El(s)>
[name=value][name2=value2]
Matches elements that match all of the
specified attribute filters.
a<El(s)>
❉ SELECTORS / 6. CHILD FILTER
:first-child Selector
Selects all elements that are the first child
of their parent.
a<El(s)>
:last-child Selector
Selects all elements that are the last child of
their parent.
a<El(s)>
:nth-child Selector
Selects all elements that are the nth-child of
their parent.
a<El(s)>
:only-child Selector
Selects all elements that are the only child
of their parent.
a<El(s)>
❉ SELECTORS / 7. VISIBILITY FILTER
:hidden Selector
Selects all elements that are hidden.
a<El(s)>
:visible Selector
Selects all elements that are visible.
a<El(s)>
❉ SELECTORS / 8. FORM
:button Selector
Selects all button elements and elements of
type button.
a<El(s)>
:checkbox Selector
Selects all elements of type checkbox.
a<El(s)>
:checked Selector
Matches all elements that are checked.
a<El(s)>
:disabled Selector
Selects all elements that are disabled.
a<El(s)>
:enabled Selector
Selects all elements that are enabled.
a<El(s)>
:file Selector
Selects all elements of type file.
a<El(s)>
:image Selector
Selects all elements of type image.
a<El(s)>
:input Selector
Selects all input, textarea, select and button
elements.
a<El(s)>
:password Selector
Selects all elements of type password.
a<El(s)>
:radio Selector
Selects all elements of type radio.
a<El(s)>
:reset Selector
Selects all elements of type reset.
a<El(s)>
:selected Selector
Selects all elements that are selected.
a<El(s)>
:submit Selector
Selects all elements of type submit.
a<El(s)>
:text Selector
Selects all elements of type text.
a<El(s)>
❉ CORE / 1. THE jQUERY FUNCTION
jQuery()
Accepts a string containing a CSS selector
which is then used to match a set of
elements.
jQ
❉ CORE / 2. OBJECT ACCESSORS
.context
The DOM node context originally passed to
jQuery(); if none was passed then context
will likely be the document.
El
.each( function(index, Element) )
Iterate over a jQuery object, executing a
function for each matched element.
jQ
.get( [ index ] )
Retrieve the DOM elements matched by the
jQuery object.
El | a
.index() ★
Search for a given element from among the
matched elements.
Num
.length
The number of elements in the jQuery object.
Num
.selector
A selector representing selector originally
passed to jQuery().
Str
.size()
Return the number of DOM elements matched
by the jQuery object.
Num
.toArray() ★
Retrieve all the DOM elements contained in the
jQuery set, as an array.
a
❉ CORE / 3. DATA
.queue( [ queueName ], newQueue)
Show the queue of functions to be executed on
the matched elements.
jQ
.data( obj ) ★
Store arbitrary data associated with the
matched elements.
jQ
.removeData( [ name ] )
Remove a previously-stored piece of data.
jQ
.dequeue( [ queueName ] )
Execute the next function on the queue for the
matched elements.
jQ
❉ CORE / 4. PLUGINS
jQuery.fn.extend( object )
Extends the jQuery element set to provide new
methods (used to make a typical jQuery
plugin).
jQ
jQuery.extend( object )
Extends the jQuery object itself.
jQ
❉ CORE / 5. INTEROPERABILITY
jQuery.noConflict( )
Relinquish jQuery's control of the $ variable.
jQ
jQuery.noConflict(extreme)
Extends the jQuery object itself. This is to be
used in an extreme case where you’d like to
embed jQuery into a high-conflict environment.
jQ
SELECTORS ✼ CORE ✼ ATTRIBUTES ✼ CSS ✼ TRAVERSING ✼ MANIPULATION ✼ EVENTS ✼ EFFECTS ✼ AJAX ✼ UTILITIES
★ = NEW IN jQUERY 1.4.x / ❉ = DEPRECATED / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING
评论0
最新资源