🕷️ Crawler Inspector

URL Lookup

Direct Parameter Lookup

Raw Queries and Responses

1. Shard Calculation

Query:

Response:

Calculated Shard: 147 (from laksa029)

2. Crawled Status Check

Query:

curl -X POST \
  'http://laksa147.int.ahrefs:8124/' \
  -H 'Content-Type: text/plain' \
  -H 'X-ClickHouse-Database: crawler3' \
  -H 'Authorization: Basic YXBpOg==' \
  -d 'SELECT getAhrefsURLFromUnparsed(src_unparsed) AS found_url, ifNull(toUnixTimestamp(download_stamp), 0) AS crawl_time, ifNull(toUnixTimestamp(props_url_first_seen), 0) AS first_indexed_time, download_http_code AS http_code, src_unparsed AS src_unparsed, src_root_hash AS src_root_hash, history_drop_reason AS history_drop_reason, meta_title AS meta_title, meta_descriptions AS meta_descriptions, attrs_boilerpipe_text AS attrs_boilerpipe_text, attrs_markdown AS attrs_markdown, attrs_readable_markdown AS attrs_readable_markdown, meta_canonical AS meta_canonical FROM crawler3.page_info_local FINAL PREWHERE (src_root_hash, src_unparsed) IN ((getAhrefsRootHashFromUnparsed(getAhrefsUnparsedNoserviceFromURL(\'https://www.tutorialrepublic.com/faq/how-to-check-an-element-is-visible-or-not-using-jquery.php\')), getAhrefsUnparsedNoserviceFromURL(\'https://www.tutorialrepublic.com/faq/how-to-check-an-element-is-visible-or-not-using-jquery.php\'))) FORMAT JSONEachRow'

Response:

{"found_url":"https:\/\/www.tutorialrepublic.com\/faq\/how-to-check-an-element-is-visible-or-not-using-jquery.php","crawl_time":1776103538,"first_indexed_time":1498896024,"http_code":200,"src_unparsed":"com,tutorialrepublic!www,\/faq\/how-to-check-an-element-is-visible-or-not-using-jquery.php s443","src_root_hash":"13123960086470146547","history_drop_reason":null,"meta_title":"How to Check an Element is Visible or not Using jQuery","meta_descriptions":[],"attrs_boilerpipe_text":"Advertisements\nTopic:\nJavaScript \/ jQuery\nPrev\n|\nNext\nAnswer: Use the jQuery\n:visible\nSelector\nYou can use the jQuery\n:visible\nselector to check whether an element is visible in the layout or not. This selector will also select the elements with\nvisibility: hidden;\nor\nopacity: 0;\n, because they preserve space in the layout even they are not visible to the eye.\nLet's check out an example to understand how this selector basically works:\n<!DOCTYPE html>\n<\nhtml\nlang\n=\n\"\nen\n\"\n>\n<\nhead\n>\n<\nmeta\ncharset\n=\n\"\nutf-8\n\"\n>\n<\ntitle\n>\njQuery Test If an Element is Visible\n<\/\ntitle\n>\n<\nscript\nsrc\n=\n\"\nhttps:\/\/code.jquery.com\/jquery-3.5.1.min.js\n\"\n>\n<\/\nscript\n>\n<\nscript\n>\n$\n(\ndocument\n)\n.\nready\n(\nfunction\n(\n)\n{\n$\n(\n\"button\"\n)\n.\nclick\n(\nfunction\n(\n)\n{\n\/\/ show hide paragraph on button click\n$\n(\n\"p\"\n)\n.\ntoggle\n(\n\"slow\"\n,\nfunction\n(\n)\n{\n\/\/ check paragraph once toggle effect is completed\nif\n(\n$\n(\n\"p\"\n)\n.\nis\n(\n\":visible\"\n)\n)\n{\nalert\n(\n\"The paragraph  is visible.\"\n)\n;\n}\nelse\n{\nalert\n(\n\"The paragraph  is hidden.\"\n)\n;\n}\n}\n)\n;\n}\n)\n;\n}\n)\n;\n<\/\nscript\n>\n<\/\nhead\n>\n<\nbody\n>\n<\nbutton\ntype\n=\n\"\nbutton\n\"\n>\nToggle Paragraph Display\n<\/\nbutton\n>\n<\np\nstyle\n=\"\ndisplay\n:\nnone\n;\n\"\n>\nLorem ipsum dolor sit amet adipi elit...\n<\/\np\n>\n<\/\nbody\n>\n<\/\nhtml\n>\nRelated FAQ\nHere are some more FAQ related to this topic:\nHow to check if an element is hidden using jQuery\nHow to select all visible or hidden elements in a page using jQuery\nShow and hide DIV elements based on the selection of radio button in jQuery\nShow and hide DIV elements based on click of checkboxes in jQuery\nShow and hide DIV elements based on dropdown selection in jQuery\nAdvertisements","attrs_markdown":"[![TutorialRepublic](https:\/\/www.tutorialrepublic.com\/lib\/images\/logo.svg)](https:\/\/www.tutorialrepublic.com\/)\n\n[HOME](https:\/\/www.tutorialrepublic.com\/ \"Home Page\") [HTML5](https:\/\/www.tutorialrepublic.com\/html-tutorial\/ \"HTML Tutorial\") [CSS3](https:\/\/www.tutorialrepublic.com\/css-tutorial\/ \"CSS Tutorial\") [JAVASCRIPT](https:\/\/www.tutorialrepublic.com\/javascript-tutorial\/ \"JavaScript Tutorial\") [JQUERY](https:\/\/www.tutorialrepublic.com\/jquery-tutorial\/ \"jQuery Tutorial\") [BOOTSTRAP5](https:\/\/www.tutorialrepublic.com\/twitter-bootstrap-tutorial\/ \"Bootstrap 5 Tutorial\") [v4.6](https:\/\/www.tutorialrepublic.com\/twitter-bootstrap-4-tutorial\/ \"Bootstrap 4.6 Tutorial\") [PHP7](https:\/\/www.tutorialrepublic.com\/php-tutorial\/ \"PHP Tutorial\") [SQL](https:\/\/www.tutorialrepublic.com\/sql-tutorial\/ \"SQL Tutorial\") [REFERENCES](https:\/\/www.tutorialrepublic.com\/references.php \"Web References\") [EXAMPLES](https:\/\/www.tutorialrepublic.com\/practice-examples.php \"Practice Examples and Demos\") [FAQ](https:\/\/www.tutorialrepublic.com\/faq.php \"Frequently Asked Questions and Answers\") [SNIPPETS](https:\/\/www.tutorialrepublic.com\/snippets\/gallery.php \"Bootstrap Code Snippets\") [Online HTML Editor](https:\/\/www.tutorialrepublic.com\/codelab.php)\n\nWEB TUTORIALS\n\n[HTML Tutorial](https:\/\/www.tutorialrepublic.com\/html-tutorial\/) [CSS Tutorial](https:\/\/www.tutorialrepublic.com\/css-tutorial\/) [JavaScript Tutorial](https:\/\/www.tutorialrepublic.com\/javascript-tutorial\/) [jQuery Tutorial](https:\/\/www.tutorialrepublic.com\/jquery-tutorial\/) [Bootstrap Tutorial](https:\/\/www.tutorialrepublic.com\/twitter-bootstrap-tutorial\/) [PHP Tutorial](https:\/\/www.tutorialrepublic.com\/php-tutorial\/) [SQL Tutorial](https:\/\/www.tutorialrepublic.com\/sql-tutorial\/)\n\nPRACTICE EXAMPLES\n\n[HTML Examples](https:\/\/www.tutorialrepublic.com\/html-examples.php) [CSS Examples](https:\/\/www.tutorialrepublic.com\/css-examples.php) [JavaScript Examples](https:\/\/www.tutorialrepublic.com\/javascript-examples.php) [jQuery Examples](https:\/\/www.tutorialrepublic.com\/jquery-examples.php) [Bootstrap Examples](https:\/\/www.tutorialrepublic.com\/twitter-bootstrap-examples.php) [PHP Examples](https:\/\/www.tutorialrepublic.com\/php-examples.php)\n\nHTML REFERENCES\n\n[HTML Tags\/Elements](https:\/\/www.tutorialrepublic.com\/html-reference\/html5-tags.php) [HTML Global Attributes](https:\/\/www.tutorialrepublic.com\/html-reference\/html5-global-attributes.php) [HTML Event Attributes](https:\/\/www.tutorialrepublic.com\/html-reference\/html5-event-attributes.php) [HTML Color Picker](https:\/\/www.tutorialrepublic.com\/html-reference\/html-color-picker.php) [HTML Language Codes](https:\/\/www.tutorialrepublic.com\/html-reference\/html-language-codes.php) [HTML Character Entities](https:\/\/www.tutorialrepublic.com\/html-reference\/html-character-entities.php) [HTTP Status Codes](https:\/\/www.tutorialrepublic.com\/html-reference\/http-status-codes.php)\n\nCSS REFERENCES\n\n[CSS At-rules](https:\/\/www.tutorialrepublic.com\/css-reference\/css-at-rules.php) [CSS Properties](https:\/\/www.tutorialrepublic.com\/css-reference\/css3-properties.php) [CSS Animatable Properties](https:\/\/www.tutorialrepublic.com\/css-reference\/css-animatable-properties.php) [CSS Color Values](https:\/\/www.tutorialrepublic.com\/css-reference\/css-color-values.php) [CSS Color Names](https:\/\/www.tutorialrepublic.com\/css-reference\/css-color-names.php) [CSS Web Safe Fonts](https:\/\/www.tutorialrepublic.com\/css-reference\/css-web-safe-fonts.php) [CSS Aural Properties](https:\/\/www.tutorialrepublic.com\/css-reference\/css-aural-properties.php)\n\nPHP REFERENCES\n\n[PHP Array Functions](https:\/\/www.tutorialrepublic.com\/php-reference\/php-array-functions.php) [PHP String Functions](https:\/\/www.tutorialrepublic.com\/php-reference\/php-string-functions.php) [PHP File System Functions](https:\/\/www.tutorialrepublic.com\/php-reference\/php-file-system-functions.php) [PHP Date\/Time Functions](https:\/\/www.tutorialrepublic.com\/php-reference\/php-date-and-time-functions.php) [PHP Calendar Functions](https:\/\/www.tutorialrepublic.com\/php-reference\/php-calendar-functions.php) [PHP MySQLi Functions](https:\/\/www.tutorialrepublic.com\/php-reference\/php-mysqli-functions.php) [PHP Filters](https:\/\/www.tutorialrepublic.com\/php-reference\/php-filters.php) [PHP Error Levels](https:\/\/www.tutorialrepublic.com\/php-reference\/php-error-levels.php)\n\nAdvertisements\n\n# How to check an element is visible or not using jQuery\nTopic: [JavaScript \/ jQuery](https:\/\/www.tutorialrepublic.com\/faq.php#javascript-jquery)[Prev](https:\/\/www.tutorialrepublic.com\/faq\/how-to-get-the-text-inside-an-element-using-jquery.php)\\|[Next](https:\/\/www.tutorialrepublic.com\/faq\/populate-state-dropdown-based-on-selection-in-country-dropdown-using-jquery.php)\n\n## Answer: Use the jQuery `:visible` Selector\nYou can use the jQuery `:visible` selector to check whether an element is visible in the layout or not. This selector will also select the elements with `visibility: hidden;` or `opacity: 0;`, because they preserve space in the layout even they are not visible to the eye.\n\nLet's check out an example to understand how this selector basically works:\n\n#### Example\n[Try this code »](https:\/\/www.tutorialrepublic.com\/codelab.php?topic=faq&file=jquery-detect-if-an-element-is-visible-on-screen \"Try this code using online Editor\")\n```\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<title>jQuery Test If an Element is Visible<\/title>\n<script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\"><\/script>\n<script>\n$(document).ready(function(){\n    $(\"button\").click(function(){\n        \/\/ show hide paragraph on button click\n        $(\"p\").toggle(\"slow\", function(){\n            \/\/ check paragraph once toggle effect is completed\n            if($(\"p\").is(\":visible\")){\n                alert(\"The paragraph  is visible.\");\n            } else{\n                alert(\"The paragraph  is hidden.\");\n            }\n        });\n    });\n});\n<\/script>\n<\/head>\n<body>\n    <button type=\"button\">Toggle Paragraph Display<\/button>\n    <p style=\"display: none;\">Lorem ipsum dolor sit amet adipi elit...<\/p>\n<\/body> \n<\/html>\n```\n***\n## Related FAQ\nHere are some more FAQ related to this topic:\n\n- [How to check if an element is hidden using jQuery](https:\/\/www.tutorialrepublic.com\/faq\/how-to-check-if-an-element-is-hidden-using-jquery.php)\n- [How to select all visible or hidden elements in a page using jQuery](https:\/\/www.tutorialrepublic.com\/faq\/how-to-select-all-visible-or-hidden-elements-in-a-page-using-jquery.php)\n- [Show and hide DIV elements based on the selection of radio button in jQuery](https:\/\/www.tutorialrepublic.com\/faq\/show-hide-divs-based-on-radio-button-selection-in-jquery.php)\n- [Show and hide DIV elements based on click of checkboxes in jQuery](https:\/\/www.tutorialrepublic.com\/faq\/show-hide-divs-based-on-checkbox-selection-in-jquery.php)\n- [Show and hide DIV elements based on dropdown selection in jQuery](https:\/\/www.tutorialrepublic.com\/faq\/show-hide-divs-based-on-dropdown-selection-in-jquery.php)\n\n[Previous Page](https:\/\/www.tutorialrepublic.com\/faq\/how-to-get-the-text-inside-an-element-using-jquery.php) [Next Page](https:\/\/www.tutorialrepublic.com\/faq\/populate-state-dropdown-based-on-selection-in-country-dropdown-using-jquery.php)\n\nAdvertisements\n\n[![Bootstrap UI Design Templates](https:\/\/www.tutorialrepublic.com\/lib\/images\/bootstrap-code-snippets.png)](https:\/\/www.tutorialrepublic.com\/snippets\/gallery.php) [![Property Marvels - A Leading Real Estate Portal for Premium Properties](https:\/\/www.tutorialrepublic.com\/lib\/images\/propertymarvels.png)](https:\/\/www.propertymarvels.com\/)\n\nAdvertisements\n\nIs this website helpful to you? Please give us a [like](https:\/\/www.tutorialrepublic.com\/like.php), or share your [feedback](https:\/\/www.tutorialrepublic.com\/contact-us.php) *to help us improve*. Connect with us on [Facebook](https:\/\/www.facebook.com\/tutorialrepublic) and [Twitter](https:\/\/twitter.com\/tutrepublic) for the latest updates.\n\n#### About Us\n[Our Story](https:\/\/www.tutorialrepublic.com\/about-us.php) [Terms of Use](https:\/\/www.tutorialrepublic.com\/terms-of-use.php) [Privacy Policy](https:\/\/www.tutorialrepublic.com\/privacy-policy.php)\n\n#### Contact\n[Contact Us](https:\/\/www.tutorialrepublic.com\/contact-us.php) [Report Error](https:\/\/www.tutorialrepublic.com\/contact-us.php) [Advertise](https:\/\/www.tutorialrepublic.com\/advertise-with-us.php)\n\n#### Interactive Tools\n[Bootstrap Icon Search Utility](https:\/\/www.tutorialrepublic.com\/bootstrap-icons-classes.php) [HTML Formatter](https:\/\/www.tutorialrepublic.com\/html-formatter.php) [Title & Meta Length Calculator](https:\/\/www.tutorialrepublic.com\/faq\/what-is-the-maximum-length-of-title-and-meta-description-tag.php) [HTML Color Picker](https:\/\/www.tutorialrepublic.com\/html-reference\/html-color-picker.php) [Bootstrap Button Generator](https:\/\/www.tutorialrepublic.com\/twitter-bootstrap-button-generator.php) [SQL Playground](https:\/\/www.tutorialrepublic.com\/codelab.php?topic=sql&file=select-all) [Font Awesome Icon Finder](https:\/\/www.tutorialrepublic.com\/font-awesome-icons-classes.php) [HTML Editor](https:\/\/www.tutorialrepublic.com\/codelab.php?topic=html&file=hello-world)\n\n![TutorialRepublic](https:\/\/www.tutorialrepublic.com\/lib\/images\/logo.svg)\n\n[![BMC](https:\/\/www.tutorialrepublic.com\/lib\/images\/bmc-btn.png)](https:\/\/www.buymeacoffee.com\/tutrepublic)\n\nCopyright © 2026 Tutorial Republic. All Rights Reserved.\n\n*Share This:*","attrs_readable_markdown":"Advertisements\n\nTopic: [JavaScript \/ jQuery](https:\/\/www.tutorialrepublic.com\/faq.php#javascript-jquery)[Prev](https:\/\/www.tutorialrepublic.com\/faq\/how-to-get-the-text-inside-an-element-using-jquery.php)\\|[Next](https:\/\/www.tutorialrepublic.com\/faq\/populate-state-dropdown-based-on-selection-in-country-dropdown-using-jquery.php)\n\n## Answer: Use the jQuery `:visible` Selector\nYou can use the jQuery `:visible` selector to check whether an element is visible in the layout or not. This selector will also select the elements with `visibility: hidden;` or `opacity: 0;`, because they preserve space in the layout even they are not visible to the eye.\n\nLet's check out an example to understand how this selector basically works:\n```\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<title>jQuery Test If an Element is Visible<\/title>\n<script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\"><\/script>\n<script>\n$(document).ready(function(){\n    $(\"button\").click(function(){\n        \/\/ show hide paragraph on button click\n        $(\"p\").toggle(\"slow\", function(){\n            \/\/ check paragraph once toggle effect is completed\n            if($(\"p\").is(\":visible\")){\n                alert(\"The paragraph  is visible.\");\n            } else{\n                alert(\"The paragraph  is hidden.\");\n            }\n        });\n    });\n});\n<\/script>\n<\/head>\n<body>\n    <button type=\"button\">Toggle Paragraph Display<\/button>\n    <p style=\"display: none;\">Lorem ipsum dolor sit amet adipi elit...<\/p>\n<\/body> \n<\/html>\n```\n***\n## Related FAQ\nHere are some more FAQ related to this topic:\n\n- [How to check if an element is hidden using jQuery](https:\/\/www.tutorialrepublic.com\/faq\/how-to-check-if-an-element-is-hidden-using-jquery.php)\n- [How to select all visible or hidden elements in a page using jQuery](https:\/\/www.tutorialrepublic.com\/faq\/how-to-select-all-visible-or-hidden-elements-in-a-page-using-jquery.php)\n- [Show and hide DIV elements based on the selection of radio button in jQuery](https:\/\/www.tutorialrepublic.com\/faq\/show-hide-divs-based-on-radio-button-selection-in-jquery.php)\n- [Show and hide DIV elements based on click of checkboxes in jQuery](https:\/\/www.tutorialrepublic.com\/faq\/show-hide-divs-based-on-checkbox-selection-in-jquery.php)\n- [Show and hide DIV elements based on dropdown selection in jQuery](https:\/\/www.tutorialrepublic.com\/faq\/show-hide-divs-based-on-dropdown-selection-in-jquery.php)\n\nAdvertisements","meta_canonical":null}

3. Robots.txt Check

Query:

Response:

4. Spam/Ban Check

Query:

Response:

5. Seen Status Check

ℹ️ Skipped - page is already crawled

📄

INDEXABLE

✅

CRAWLED

1 day ago

🤖

ROBOTS ALLOWED

Page Info Filters

Filter	Status	Condition	Details
HTTP status	PASS	`download_http_code = 200`	HTTP 200
Age cutoff	PASS	`download_stamp > now() - 6 MONTH`	0 months ago
History drop	PASS	`isNull(history_drop_reason)`	No drop reason
Spam/ban	PASS	`fh_dont_index != 1 AND ml_spam_score = 0`	ml_spam_score=0
Canonical	PASS	`meta_canonical IS NULL OR = '' OR = src_unparsed`	Not set

Page Details

Property	Value
URL	https://www.tutorialrepublic.com/faq/how-to-check-an-element-is-visible-or-not-using-jquery.php
Last Crawled	2026-04-13 18:05:38 (1 day ago)
First Indexed	2017-07-01 08:00:24 (8 years ago)
HTTP Status Code	200
Meta Title	How to Check an Element is Visible or not Using jQuery
Meta Description	null
Meta Canonical	null
Boilerpipe Text	Advertisements Topic: JavaScript / jQuery Prev \| Next Answer: Use the jQuery :visible Selector You can use the jQuery :visible selector to check whether an element is visible in the layout or not. This selector will also select the elements with visibility: hidden; or opacity: 0; , because they preserve space in the layout even they are not visible to the eye. Let's check out an example to understand how this selector basically works: <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " utf-8 " > < title > jQuery Test If an Element is Visible </ title > < script src = " https://code.jquery.com/jquery-3.5.1.min.js " > </ script > < script > $ ( document ) . ready ( function ( ) { $ ( "button" ) . click ( function ( ) { // show hide paragraph on button click $ ( "p" ) . toggle ( "slow" , function ( ) { // check paragraph once toggle effect is completed if ( $ ( "p" ) . is ( ":visible" ) ) { alert ( "The paragraph is visible." ) ; } else { alert ( "The paragraph is hidden." ) ; } } ) ; } ) ; } ) ; </ script > </ head > < body > < button type = " button " > Toggle Paragraph Display </ button > < p style =" display : none ; " > Lorem ipsum dolor sit amet adipi elit... </ p > </ body > </ html > Related FAQ Here are some more FAQ related to this topic: How to check if an element is hidden using jQuery How to select all visible or hidden elements in a page using jQuery Show and hide DIV elements based on the selection of radio button in jQuery Show and hide DIV elements based on click of checkboxes in jQuery Show and hide DIV elements based on dropdown selection in jQuery Advertisements
Markdown	[![TutorialRepublic](https://www.tutorialrepublic.com/lib/images/logo.svg)](https://www.tutorialrepublic.com/) [HOME](https://www.tutorialrepublic.com/ "Home Page") [HTML5](https://www.tutorialrepublic.com/html-tutorial/ "HTML Tutorial") [CSS3](https://www.tutorialrepublic.com/css-tutorial/ "CSS Tutorial") [JAVASCRIPT](https://www.tutorialrepublic.com/javascript-tutorial/ "JavaScript Tutorial") [JQUERY](https://www.tutorialrepublic.com/jquery-tutorial/ "jQuery Tutorial") [BOOTSTRAP5](https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/ "Bootstrap 5 Tutorial") [v4.6](https://www.tutorialrepublic.com/twitter-bootstrap-4-tutorial/ "Bootstrap 4.6 Tutorial") [PHP7](https://www.tutorialrepublic.com/php-tutorial/ "PHP Tutorial") [SQL](https://www.tutorialrepublic.com/sql-tutorial/ "SQL Tutorial") [REFERENCES](https://www.tutorialrepublic.com/references.php "Web References") [EXAMPLES](https://www.tutorialrepublic.com/practice-examples.php "Practice Examples and Demos") [FAQ](https://www.tutorialrepublic.com/faq.php "Frequently Asked Questions and Answers") [SNIPPETS](https://www.tutorialrepublic.com/snippets/gallery.php "Bootstrap Code Snippets") [Online HTML Editor](https://www.tutorialrepublic.com/codelab.php) WEB TUTORIALS [HTML Tutorial](https://www.tutorialrepublic.com/html-tutorial/) [CSS Tutorial](https://www.tutorialrepublic.com/css-tutorial/) [JavaScript Tutorial](https://www.tutorialrepublic.com/javascript-tutorial/) [jQuery Tutorial](https://www.tutorialrepublic.com/jquery-tutorial/) [Bootstrap Tutorial](https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/) [PHP Tutorial](https://www.tutorialrepublic.com/php-tutorial/) [SQL Tutorial](https://www.tutorialrepublic.com/sql-tutorial/) PRACTICE EXAMPLES [HTML Examples](https://www.tutorialrepublic.com/html-examples.php) [CSS Examples](https://www.tutorialrepublic.com/css-examples.php) [JavaScript Examples](https://www.tutorialrepublic.com/javascript-examples.php) [jQuery Examples](https://www.tutorialrepublic.com/jquery-examples.php) [Bootstrap Examples](https://www.tutorialrepublic.com/twitter-bootstrap-examples.php) [PHP Examples](https://www.tutorialrepublic.com/php-examples.php) HTML REFERENCES [HTML Tags/Elements](https://www.tutorialrepublic.com/html-reference/html5-tags.php) [HTML Global Attributes](https://www.tutorialrepublic.com/html-reference/html5-global-attributes.php) [HTML Event Attributes](https://www.tutorialrepublic.com/html-reference/html5-event-attributes.php) [HTML Color Picker](https://www.tutorialrepublic.com/html-reference/html-color-picker.php) [HTML Language Codes](https://www.tutorialrepublic.com/html-reference/html-language-codes.php) [HTML Character Entities](https://www.tutorialrepublic.com/html-reference/html-character-entities.php) [HTTP Status Codes](https://www.tutorialrepublic.com/html-reference/http-status-codes.php) CSS REFERENCES [CSS At-rules](https://www.tutorialrepublic.com/css-reference/css-at-rules.php) [CSS Properties](https://www.tutorialrepublic.com/css-reference/css3-properties.php) [CSS Animatable Properties](https://www.tutorialrepublic.com/css-reference/css-animatable-properties.php) [CSS Color Values](https://www.tutorialrepublic.com/css-reference/css-color-values.php) [CSS Color Names](https://www.tutorialrepublic.com/css-reference/css-color-names.php) [CSS Web Safe Fonts](https://www.tutorialrepublic.com/css-reference/css-web-safe-fonts.php) [CSS Aural Properties](https://www.tutorialrepublic.com/css-reference/css-aural-properties.php) PHP REFERENCES [PHP Array Functions](https://www.tutorialrepublic.com/php-reference/php-array-functions.php) [PHP String Functions](https://www.tutorialrepublic.com/php-reference/php-string-functions.php) [PHP File System Functions](https://www.tutorialrepublic.com/php-reference/php-file-system-functions.php) [PHP Date/Time Functions](https://www.tutorialrepublic.com/php-reference/php-date-and-time-functions.php) [PHP Calendar Functions](https://www.tutorialrepublic.com/php-reference/php-calendar-functions.php) [PHP MySQLi Functions](https://www.tutorialrepublic.com/php-reference/php-mysqli-functions.php) [PHP Filters](https://www.tutorialrepublic.com/php-reference/php-filters.php) [PHP Error Levels](https://www.tutorialrepublic.com/php-reference/php-error-levels.php) Advertisements # How to check an element is visible or not using jQuery Topic: [JavaScript / jQuery](https://www.tutorialrepublic.com/faq.php#javascript-jquery)[Prev](https://www.tutorialrepublic.com/faq/how-to-get-the-text-inside-an-element-using-jquery.php)\\|[Next](https://www.tutorialrepublic.com/faq/populate-state-dropdown-based-on-selection-in-country-dropdown-using-jquery.php) ## Answer: Use the jQuery `:visible` Selector You can use the jQuery `:visible` selector to check whether an element is visible in the layout or not. This selector will also select the elements with `visibility: hidden;` or `opacity: 0;`, because they preserve space in the layout even they are not visible to the eye. Let's check out an example to understand how this selector basically works: #### Example [Try this code »](https://www.tutorialrepublic.com/codelab.php?topic=faq&file=jquery-detect-if-an-element-is-visible-on-screen "Try this code using online Editor") ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Test If an Element is Visible</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ // show hide paragraph on button click $("p").toggle("slow", function(){ // check paragraph once toggle effect is completed if($("p").is(":visible")){ alert("The paragraph is visible."); } else{ alert("The paragraph is hidden."); } }); }); }); </script> </head> <body> <button type="button">Toggle Paragraph Display</button> <p style="display: none;">Lorem ipsum dolor sit amet adipi elit...</p> </body> </html> ``` *** ## Related FAQ Here are some more FAQ related to this topic: - [How to check if an element is hidden using jQuery](https://www.tutorialrepublic.com/faq/how-to-check-if-an-element-is-hidden-using-jquery.php) - [How to select all visible or hidden elements in a page using jQuery](https://www.tutorialrepublic.com/faq/how-to-select-all-visible-or-hidden-elements-in-a-page-using-jquery.php) - [Show and hide DIV elements based on the selection of radio button in jQuery](https://www.tutorialrepublic.com/faq/show-hide-divs-based-on-radio-button-selection-in-jquery.php) - [Show and hide DIV elements based on click of checkboxes in jQuery](https://www.tutorialrepublic.com/faq/show-hide-divs-based-on-checkbox-selection-in-jquery.php) - [Show and hide DIV elements based on dropdown selection in jQuery](https://www.tutorialrepublic.com/faq/show-hide-divs-based-on-dropdown-selection-in-jquery.php) [Previous Page](https://www.tutorialrepublic.com/faq/how-to-get-the-text-inside-an-element-using-jquery.php) [Next Page](https://www.tutorialrepublic.com/faq/populate-state-dropdown-based-on-selection-in-country-dropdown-using-jquery.php) Advertisements [![Bootstrap UI Design Templates](https://www.tutorialrepublic.com/lib/images/bootstrap-code-snippets.png)](https://www.tutorialrepublic.com/snippets/gallery.php) [![Property Marvels - A Leading Real Estate Portal for Premium Properties](https://www.tutorialrepublic.com/lib/images/propertymarvels.png)](https://www.propertymarvels.com/) Advertisements Is this website helpful to you? Please give us a [like](https://www.tutorialrepublic.com/like.php), or share your [feedback](https://www.tutorialrepublic.com/contact-us.php) to help us improve. Connect with us on [Facebook](https://www.facebook.com/tutorialrepublic) and [Twitter](https://twitter.com/tutrepublic) for the latest updates. #### About Us [Our Story](https://www.tutorialrepublic.com/about-us.php) [Terms of Use](https://www.tutorialrepublic.com/terms-of-use.php) [Privacy Policy](https://www.tutorialrepublic.com/privacy-policy.php) #### Contact [Contact Us](https://www.tutorialrepublic.com/contact-us.php) [Report Error](https://www.tutorialrepublic.com/contact-us.php) [Advertise](https://www.tutorialrepublic.com/advertise-with-us.php) #### Interactive Tools [Bootstrap Icon Search Utility](https://www.tutorialrepublic.com/bootstrap-icons-classes.php) [HTML Formatter](https://www.tutorialrepublic.com/html-formatter.php) [Title & Meta Length Calculator](https://www.tutorialrepublic.com/faq/what-is-the-maximum-length-of-title-and-meta-description-tag.php) [HTML Color Picker](https://www.tutorialrepublic.com/html-reference/html-color-picker.php) [Bootstrap Button Generator](https://www.tutorialrepublic.com/twitter-bootstrap-button-generator.php) [SQL Playground](https://www.tutorialrepublic.com/codelab.php?topic=sql&file=select-all) [Font Awesome Icon Finder](https://www.tutorialrepublic.com/font-awesome-icons-classes.php) [HTML Editor](https://www.tutorialrepublic.com/codelab.php?topic=html&file=hello-world) ![TutorialRepublic](https://www.tutorialrepublic.com/lib/images/logo.svg) [![BMC](https://www.tutorialrepublic.com/lib/images/bmc-btn.png)](https://www.buymeacoffee.com/tutrepublic) Copyright © 2026 Tutorial Republic. All Rights Reserved. Share This:
Readable Markdown	Advertisements Topic: [JavaScript / jQuery](https://www.tutorialrepublic.com/faq.php#javascript-jquery)[Prev](https://www.tutorialrepublic.com/faq/how-to-get-the-text-inside-an-element-using-jquery.php)\\|[Next](https://www.tutorialrepublic.com/faq/populate-state-dropdown-based-on-selection-in-country-dropdown-using-jquery.php) ## Answer: Use the jQuery `:visible` Selector You can use the jQuery `:visible` selector to check whether an element is visible in the layout or not. This selector will also select the elements with `visibility: hidden;` or `opacity: 0;`, because they preserve space in the layout even they are not visible to the eye. Let's check out an example to understand how this selector basically works: ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Test If an Element is Visible</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ // show hide paragraph on button click $("p").toggle("slow", function(){ // check paragraph once toggle effect is completed if($("p").is(":visible")){ alert("The paragraph is visible."); } else{ alert("The paragraph is hidden."); } }); }); }); </script> </head> <body> <button type="button">Toggle Paragraph Display</button> <p style="display: none;">Lorem ipsum dolor sit amet adipi elit...</p> </body> </html> ``` *** ## Related FAQ Here are some more FAQ related to this topic: - [How to check if an element is hidden using jQuery](https://www.tutorialrepublic.com/faq/how-to-check-if-an-element-is-hidden-using-jquery.php) - [How to select all visible or hidden elements in a page using jQuery](https://www.tutorialrepublic.com/faq/how-to-select-all-visible-or-hidden-elements-in-a-page-using-jquery.php) - [Show and hide DIV elements based on the selection of radio button in jQuery](https://www.tutorialrepublic.com/faq/show-hide-divs-based-on-radio-button-selection-in-jquery.php) - [Show and hide DIV elements based on click of checkboxes in jQuery](https://www.tutorialrepublic.com/faq/show-hide-divs-based-on-checkbox-selection-in-jquery.php) - [Show and hide DIV elements based on dropdown selection in jQuery](https://www.tutorialrepublic.com/faq/show-hide-divs-based-on-dropdown-selection-in-jquery.php) Advertisements
Shard	147 (laksa)
Root Hash	13123960086470146547
Unparsed URL	com,tutorialrepublic!www,/faq/how-to-check-an-element-is-visible-or-not-using-jquery.php s443