Селекторы JQuery

Селекторы jQuery

Для изучения используйте jQuery Selector Tester
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

,

: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

parent descendant
$(«div p»)
All

elements that are descendants of a

element + next
$(«div + p»)
The

element that are next to each

element ~ siblings
$(«div ~ p»)

All

elements that are siblings of a

: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

: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

Автор: Roman D
Дата публикации: 2016-04-01T01:51:00.000-07:00

Друзья помогите этому контенту стать доступнее в социальных сетях.

Не проходи мимо жмакни по кнопке возможно кому то еще он будет полезен!