Check an Element is Hidden or Visible Using jQuery

In this tutorial I am going to share simple jQuery snippet to check whether an html element hidden or visible on page. Sometimes require to check whether a div or any other html element is visible or hidden before triggering an event. Using jQuery .is function, you can easily detect if a specific element in on page is hidden or visible.



Use following jQuery code to detect an element is hidden or visible.

$(document).ready(function(){
        
        $("div").is(":visible"); 
 
        
        $("p").is(":hidden"); return true or false
});