jQuery :visible – Check for hidden elements in jQuery

jQuery serialize()

The :visible selector check if an elements are hidden in jQuery by selecting each and every elements in a DOM that is currently visible or not.

But visible elements are elements which are not:
– set to display:none
– width and height set to 0
– form elements with type=”hidden”
– parent is set as hidden

Example for hidden elements:

console.log("Hidden elements found");




if ( $(element).css('display') == 'none' ){
// element is hidden

But above scenario, functions don’t work with the visibility attribute but CSS selector will have the best performance.

For more details click here.

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.

Leave a Reply

Your email address will not be published. Required fields are marked *