jQuery state selector

The jQuery state selectors are used to select elements from a page based on the current state of the element. For example the [input:disabled]  selector will select all the elements in the page which are disabled

In this post we shall see the various state selectors available in jQuery, and how to use them to filter out elements.

The following are the state selectors available in jQuery.

Selector	Type of Element selected
:enabled	All Enabled elements in the page
:disabled	All Disabled elements in the page
:visible	All Visible elements in the page
:hidden	All Hidden elements in the page
:checked	All Checked elements in the page
input[type=checkbox]:checked	All Checked Checkboxes in the page
input[type=radio]:checked	All Checked Radio buttons in the page

Related Post
jQuery state selector
jQuery enabled selector
jQuery disabled selector
jQuery visible selector
jQuery hidden selector
jQuery checked selector
jQuery visible selector for dropdowns
jQuery checked selector for radio buttons
jQuery checked selector for checkboxes
jQuery state selector Example