ReSet ORIGINAL
[jQuery] jQuery Selectors 紐⑸줉
  • 湲벖씠 : IN-BEST 옉꽦씪 : 14-02-23 20:57 議고쉶 : 6,543
\\ Source Explanation
jQuery Selectors
Source Code

jQuery Selectors

Use our혻jQuery Selector Tester혻to demonstrate the different selectors.

elements elements
Selector Example Selects
* $("*") All elements
#id $("#lastname") The element with id="lastname"
.class $(".intro") All elements with class="intro"
.class,.class $(".intro,.demo") All elements with the class "intro" or "demo"
element $("p") All

elements

el1,el2,el3 $("h1,div,p") All

,
and

elements

:first $("p:first") The first

element

:last $("p:last") The last

element

:even $("tr:even") All even
:odd $("tr:odd") All odd
:first-child $("p:first-child") All

elements that are the first child of their parent

:first-of-type $("p:first-of-type") All

elements that are the first

element of their parent

:last-child $("p:last-child") All

elements that are the last child of their parent

:last-of-type $("p:last-of-type") All

elements that are the last

element of their parent

:nth-child(n) $("p:nth-child(2)") All

elements that are the 2nd child of their parent

:nth-last-child(n) $("p:nth-last-child(2)") All

elements that are the 2nd child of their parent, counting from the last child

:nth-of-type(n) $("p:nth-of-type(2)") All

elements that are the 2nd

element of their parent

:nth-last-of-type(n) $("p:nth-last-of-type(2)") All

elements that are the 2nd

element of their parent, counting from the last child

:only-child $("p:only-child") All

elements that are the only child of their parent

:only-of-type $("p:only-of-type") All

elements that are the only child, of its type, of their parent

parent > child $("div > p") All

elements that are a direct child of a

element
parent descendant $("div p") All

elements that are descendants of a

element
element + next $("div + p") The

element that are next to each

elements
element ~ siblings $("div ~ p") All

elements that are siblings of a

element
:eq(index) $("ul li:eq(3)") The fourth element in a list (index starts at 0)
:gt(no) $("ul li:gt(3)") List elements with an index greater than 3
:lt(no) $("ul li:lt(3)") List elements with an index less than 3
:not(selector) $("input:not(:empty)") All input elements that are not empty
:header $(":header") All header elements

,

...

:animated $(":animated") All animated elements
:focus $(":focus") The element that currently has focus
:contains(text) $(":contains('Hello')") All elements which contains the text "Hello"
:has(selector) $("div:has(p)") All
elements that have a

element

:empty $(":empty") All elements that are empty
:parent $(":parent") All elements that are a parent of another element
:hidden $("p:hidden") All hidden

elements

:visible $("table:visible") All visible tables
:root $(":root") The document's root element
:lang(language) $("p:lang(de)") All

elements with a lang attribute value starting with "de"

[attribute] $("[href]") All elements with a href attribute
[attribute=value] $("[href='default.htm']") All elements with a href attribute value equal to "default.htm"
[attribute!=value] $("[href!='default.htm']") All elements with a href attribute value not equal to "default.htm"
[attribute$=value] $("[href$='.jpg']") All elements with a href attribute value ending with ".jpg"
[attribute|=value] $("[title|='Tomorrow']") All elements with a title attribute value equal to 'Tomorrow', or starting with 'Tomorrow' followed by a hyphen
[attribute^=value] $("[title^='Tom']") All elements with a title attribute value starting with "Tom"
[attribute~=value] $("[title~='hello']") All elements with a title attribute value containing the specific word "hello"
[attribute*=value] $("[title*='hello']") All elements with a title attribute value containing the word "hello"
:input $(":input") All input elements
:text $(":text") All input elements with type="text"
:password $(":password") All input elements with type="password"
:radio $(":radio") All input elements with type="radio"
:checkbox $(":checkbox") All input elements with type="checkbox"
:submit $(":submit") All input elements with type="submit"
:reset $(":reset") All input elements with type="reset"
:button $(":button") All input elements with type="button"
:image $(":image") All input elements with type="image"
:file $(":file") All input elements with type="file"
:enabled $(":enabled") All enabled input elements
:disabled $(":disabled") All disabled input elements
:selected $(":selected") All selected input elements
:checked $(":checked") All checked input elements

쨌 異쒖쿂 : 異쒖쿂: w3schools.com
8.0 (1紐)
룊媛빐二쇱꽭슂. 鍮꾪쉶썝 媛뒫!