How to check if the element is visible or hidden using jQuery?

JQuery provides a “visible” selector which can be used to check the visibility of the element. Below is a simple piece of jQuery code that checks the visibility of elements using jQuery. In short, can say, we can check if the element is visible or not/hidden.

Examples

var isVisible = $('#checkThis').is(':visible');
alert("This element is " + isVisible);

If you want to check if the element is hidden, then you can use the “: hidden” selector.

var isHidden  = $('#checkThis').is(':hidden');
alert("This element is " + isHidden);

You can get more details about this topic from here.
To get to know more about other JQuery topics, you can check these articles too.

Please follow and like us: