:focus Selector in jQuery

The :focus selector is used to selecting the element that currently has focus.

:contains() Selector in jQuery

The :contains() selector is used to select elements containing the specified string.

:has() Selector in jQuery

The :has() selector is used to select all elements that have one or more elements inside of them and it matches the specified selector.

:empty Selector in jQuery

The :empty selector is used to selecting empty elements. An empty element is an element without child elements or text.

:parent Selector in jQuery

The :parent selector is used to selecting all elements that are the parent of another element.

:hidden Selector in jQuery

The :hidden selector is used to select hidden elements.

:visible Selector in jQuery

The :visible selector is used to selecting every element that is currently visible.

:root Selector in jQuery

The :root selector is used to selecting the document root element. In the case of HTML, the root element is always the html element.

:lang() Selector in jQuery

The :lang() selector is used to select all elements with the language attribute starting with a specified value.

[attribute] Selector in jQuery

The [attribute] selector is used to select each element with the specified attribute.

[attribute=value] Selector in jQuery

The [attribute=value] selector is used to select each element with the specified attribute and value.

[attribute!=value] Selector in jQuery

The [attribute!=value] selector is used to select each element that does NOT have the specified attribute and value.

[attribute$=value] Selector in jQuery

The [attribute$=value] selector is used to select an element with a specific attribute, but with a value ending in a specific string.

[attribute|=value] Selector in jQuery

The [attribute|=value] selector is used to select all elements with a specified attribute but with a value equal to a specified string or starting with that string.

[attribute^=value] Selector in jQuery

The [attribute^=value] selector is used to select each element with a specific attribute, with a value beginning in a specific string.

[attribute~=value] Selector in jQuery

The [attribute~=value] selector is used to select each element with a specific attribute but with a value containing a specific string.

[attribute*=value] Selector in jQuery

The [attribute*=value] selector is used to select each element with a specific attribute, with a value containing a string.

:input Selector in jQuery

The :input selector is used for selecting form elements. We can also use it with buttons.

:text Selector in jQuery

The :text selector is used to select input elements with type=text.

:password Selector in jQuery

The :password selector is used to select input elements with type=password.

:radio Selector in jQuery

The :radio selector is used to select input elements with type=radio.

:checkbox Selector in jQuery

The :checkbox selector is used to select input elements with type=checkbox.

:submit Selector in jQuery

The :submit selector is used to select button and input elements with type=submit.

:reset Selector in jQuery

The :reset selector is used to select button and input elements with type=reset. We cannot select reset button by using input:reset.

:button Selector in jQuery

The :button selector is used to select button and input elements with type=button.

:image Selector in jQuery

The :image selector is used to select input elements with type=image.

:file Selector in jQuery

The :file selector is used to selecting input elements with type=file.

:enabled Selector in jQuery

The :enabled selector is used to select all enabled form elements.

:disabled Selector in jQuery

The :disabled selector is used to select all disabled form elements.

:selected Selector in jQuery

The :selected selector is used to select option elements that are pre-selected. It will not work on radio buttons or checkboxes.

:checked Selector in jQuery

The :checked selector is used to select all checked checkboxes or radio buttons.

The * selector is used to select all elements in the document including html, head, and body.

#id Selector in jQuery

The #id selector is used to select elements with the specific id. The id refers to the id attribute of an HTML element.

.class Selector in jQuery

The .class selector is used to select all elements with the specific class. It refers to the class attribute of an HTML element.

multiple classes Selector in jQuery

We can use .class selector to select multiple classes. For this purpose, we have to only separate each class with a comma.

element Selector in jQuery

The element selector is used to select all elements with the specific element name.

multiple elements Selector in jQuery

We can select multiple elements with the help of element selector. For this purpose, we just have to separate each of them with a comma.

:first Selector in jQuery

The :first selector is used to select the first element. It is only used to select one single element.

:last Selector in jQuery

The :last selector is used to select the last element. It is only used to select one single element.

:even Selector in jQuery

The :even selector is used to select each element with an even index number like 0, 2, 4, 6, 8, etc. As we know, the index number starts from 0.

:odd Selector in jQuery

The :odd selector is used to selecting each element with an odd index number like 0, 2, 4, 6, 8, etc. As we know, the index number starts from 0.

:first-child Selector in jQuery

The :first-child selector is used to selecting all elements that are the first child of their parent.

:first-of-type Selector in jQuery

The :first-of-type selector is used to selecting all elements that are their parent first child. It is similar to :nth-of-type selector.

:last-child Selector in jQuery

The :last-child selector is used to selecting all elements that are the last child of their parent.

:last-of-type Selector in jQuery

The :last-of-type selector is used to selecting all elements that are their parent last child. It is similar to :nth-of-type selector.

:nth-child() Selector in jQuery

The :nth-child(n) selector is used to select all elements that are the nth-child of their parent regardless of their type.

:nth-last-child() Selector in jQuery

The :nth-last-child(n) selector is used to select all elements that are the nth-last-child of their parent regardless of their type but counting starts from the last child, not the first child.

:nth-of-type() Selector in jQuery

The :nth-of-type(n) selector is used to select all elements that are the nth-child that belong to a particular type, of their parent.

:nth-last-of-type() Selector in jQuery

The :nth-last-of-type(n) selector is used to select all elements that are the nth child that belong to a particular type, of their parent. but counting from the last child.

:only-child Selector in jQuery

The :only-child selector is used to selecting every element that is the only child of its parent.

:only-of-type Selector in jQuery

The :only-of-type selector is used to selecting every element that is the only child of its type, of its parent.

jQuery Selectors

Home >> jQuery >> jQuery Selectors

List of jQuery Selectors

:focus Selector in jQuery	The :focus selector is used to selecting the element that currently has focus.
:contains() Selector in jQuery	The :contains() selector is used to select elements containing the specified string.
:has() Selector in jQuery	The :has() selector is used to select all elements that have one or more elements inside of them and it matches the specified selector.
:empty Selector in jQuery	The :empty selector is used to selecting empty elements. An empty element is an element without child elements or text.
:parent Selector in jQuery	The :parent selector is used to selecting all elements that are the parent of another element.
:hidden Selector in jQuery	The :hidden selector is used to select hidden elements.
:visible Selector in jQuery	The :visible selector is used to selecting every element that is currently visible.
:root Selector in jQuery	The :root selector is used to selecting the document root element. In the case of HTML, the root element is always the html element.
:lang() Selector in jQuery	The :lang() selector is used to select all elements with the language attribute starting with a specified value.
[attribute] Selector in jQuery	The [attribute] selector is used to select each element with the specified attribute.
[attribute=value] Selector in jQuery	The [attribute=value] selector is used to select each element with the specified attribute and value.
[attribute!=value] Selector in jQuery	The [attribute!=value] selector is used to select each element that does NOT have the specified attribute and value.
[attribute$=value] Selector in jQuery	The [attribute$=value] selector is used to select an element with a specific attribute, but with a value ending in a specific string.
[attribute\|=value] Selector in jQuery	The [attribute\|=value] selector is used to select all elements with a specified attribute but with a value equal to a specified string or starting with that string.
[attribute^=value] Selector in jQuery	The [attribute^=value] selector is used to select each element with a specific attribute, with a value beginning in a specific string.
[attribute~=value] Selector in jQuery	The [attribute~=value] selector is used to select each element with a specific attribute but with a value containing a specific string.
[attribute*=value] Selector in jQuery	The [attribute*=value] selector is used to select each element with a specific attribute, with a value containing a string.
:input Selector in jQuery	The :input selector is used for selecting form elements. We can also use it with buttons.
:text Selector in jQuery	The :text selector is used to select input elements with type=text.
:password Selector in jQuery	The :password selector is used to select input elements with type=password.
:radio Selector in jQuery	The :radio selector is used to select input elements with type=radio.
:checkbox Selector in jQuery	The :checkbox selector is used to select input elements with type=checkbox.
:submit Selector in jQuery	The :submit selector is used to select button and input elements with type=submit.
:reset Selector in jQuery	The :reset selector is used to select button and input elements with type=reset. We cannot select reset button by using input:reset.
:button Selector in jQuery	The :button selector is used to select button and input elements with type=button.
:image Selector in jQuery	The :image selector is used to select input elements with type=image.
:file Selector in jQuery	The :file selector is used to selecting input elements with type=file.
:enabled Selector in jQuery	The :enabled selector is used to select all enabled form elements.
:disabled Selector in jQuery	The :disabled selector is used to select all disabled form elements.
:selected Selector in jQuery	The :selected selector is used to select option elements that are pre-selected. It will not work on radio buttons or checkboxes.
:checked Selector in jQuery	The :checked selector is used to select all checked checkboxes or radio buttons.
* Selector in jQuery	The * selector is used to select all elements in the document including html, head, and body.
#id Selector in jQuery	The #id selector is used to select elements with the specific id. The id refers to the id attribute of an HTML element.
.class Selector in jQuery	The .class selector is used to select all elements with the specific class. It refers to the class attribute of an HTML element.
multiple classes Selector in jQuery	We can use .class selector to select multiple classes. For this purpose, we have to only separate each class with a comma.
element Selector in jQuery	The element selector is used to select all elements with the specific element name.
multiple elements Selector in jQuery	We can select multiple elements with the help of element selector. For this purpose, we just have to separate each of them with a comma.
:first Selector in jQuery	The :first selector is used to select the first element. It is only used to select one single element.
:last Selector in jQuery	The :last selector is used to select the last element. It is only used to select one single element.
:even Selector in jQuery	The :even selector is used to select each element with an even index number like 0, 2, 4, 6, 8, etc. As we know, the index number starts from 0.
:odd Selector in jQuery	The :odd selector is used to selecting each element with an odd index number like 0, 2, 4, 6, 8, etc. As we know, the index number starts from 0.
:first-child Selector in jQuery	The :first-child selector is used to selecting all elements that are the first child of their parent.
:first-of-type Selector in jQuery	The :first-of-type selector is used to selecting all elements that are their parent first child. It is similar to :nth-of-type selector.
:last-child Selector in jQuery	The :last-child selector is used to selecting all elements that are the last child of their parent.
:last-of-type Selector in jQuery	The :last-of-type selector is used to selecting all elements that are their parent last child. It is similar to :nth-of-type selector.
:nth-child() Selector in jQuery	The :nth-child(n) selector is used to select all elements that are the nth-child of their parent regardless of their type.
:nth-last-child() Selector in jQuery	The :nth-last-child(n) selector is used to select all elements that are the nth-last-child of their parent regardless of their type but counting starts from the last child, not the first child.
:nth-of-type() Selector in jQuery	The :nth-of-type(n) selector is used to select all elements that are the nth-child that belong to a particular type, of their parent.
:nth-last-of-type() Selector in jQuery	The :nth-last-of-type(n) selector is used to select all elements that are the nth child that belong to a particular type, of their parent. but counting from the last child.
:only-child Selector in jQuery	The :only-child selector is used to selecting every element that is the only child of its parent.
:only-of-type Selector in jQuery	The :only-of-type selector is used to selecting every element that is the only child of its type, of its parent.
parent > child Selector in jQuery	The $(parent > child) selector is used to select all elements that are a direct child of the specified element.
parent descendant Selector in jQuery	The (parent descendant) selector is used to select all elements that are descendants of a specified element.
element + next Selector in jQuery	The (element + next) selector is used to select the next element of the specified element.
element ~ siblings Selector in jQuery	The (element ~ siblings) selector is used to select sibling elements that appear after the specified element.
:eq() Selector in jQuery	The :eq() selector is used to select an element with a specific index number. As index numbers start at 0, therefore, first element will have the index number 0.
:gt() Selector in jQuery	The :gt() selector is used to select elements with an index number higher than a specified number. The index numbers start at 0.
:lt() Selector in jQuery	The :lt() selector is used to select elements with an index number lower than a specified number. The index numbers start at 0.
:not() Selector in jQuery	The :not() selector is used to select all elements except the specified element. It is used with other selectors to select everything except the specified element in a group.
:header Selector in jQuery	The :header selector is used to selecting all header elements i.e, h1 to h6.
:animated Selector in jQuery	The :animated selector is used to select all elements that are currently animated.

jQuery Selectors

List of jQuery Selectors

Contact Us

Hire An Expert From Our Platform