jqueryHow can I check if an element is visible using jQuery?

To check if an element is visible using jQuery, you can use the is() method. This method checks the current matched set of elements against a selector, element, or jQuery object and returns true if at least one of these elements matches the given arguments.

Example

$('#example').is(':visible');

Output example

true

The code above checks if an element with id example is visible.

The code consists of the following parts:

• $('#example') - Selects the element with id example
• is(':visible') - Checks if the element is visible

Here are some relevant links for further reading:

• jQuery is() Method
• jQuery Selectors

Edit this code on GitHub