jQuery | :visible Selector
The :visible Selector is used to select all the elements that are currently visible in the document.
The visible element does not support any condition that is given below:
- Set to display:none
- Form elements with type=”hidden”
- Width and height set to 0
- A hidden parent element (this also hides child elements)
Syntax:
$(":visible")
Example:
<!DOCTYPE html> < html > < head > < script src = </ script > < script > $(document).ready(function() { $("p:visible").css( "background-color", "green"); }); </ script > </ head > < body > < center > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < h2 > jQuery :visible Selector </ h2 > < p >GeeksForGeeks</ p > < p style = "display:none;" > A Computer science portal for Geeks. </ p > < p > A computer science portal for geeks. </ p > < h4 >Sudo Placement</ h4 > < div >GFG</ div > </ center > </ body > </ html > |
chevron_right
filter_none
Output:
Supported Browsers: The browser supported by jQuery :visible Selector are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari