🕷️ Crawler Inspector

URL Lookup

Direct Parameter Lookup

Raw Queries and Responses

1. Shard Calculation

Query:

Response:

Calculated Shard: 102 (from laksa125)

2. Crawled Status Check

Query:

curl -X POST \
  'http://laksa102.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://educationecosystem.com/blog/javascript-check-hidden-element/\')), getAhrefsUnparsedNoserviceFromURL(\'https://educationecosystem.com/blog/javascript-check-hidden-element/\'))) FORMAT JSONEachRow'

Response:

{"found_url":"https:\/\/educationecosystem.com\/blog\/javascript-check-hidden-element\/","crawl_time":1768954468,"first_indexed_time":1645801178,"http_code":200,"src_unparsed":"com,educationecosystem!\/blog\/javascript-check-hidden-element\/ s443","src_root_hash":"11087354373600355702","history_drop_reason":null,"meta_title":"Learn JavaScript - How To Check if An Element is Hidden Using jQuery - LCTV","meta_descriptions":["Trying to find hidden elements in HTML documents? Discover how to use jQuery to do that on Education Ecosystem blog. Improve your Javascript skills today."],"attrs_boilerpipe_text":" \nWhen we are using jQuery in JavaScript, often we want to take an action based on the state of an element. One that is widely used is if the state of the element is visible or not. An element is visible when if it consumes space in the document. Visible elements have a height or width larger than zero.\nTo find out if an element is hidden, we basically have two tools to use. The first that we’ll see use is: visible.\n \nJavaScript – using: visible with jQuery\nThe :visible selector checks whether the element is visible within the DOM.\n1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n$\n(\nDocument\n)\n.\nready\n(\nfunction\n(\n)\n{\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\nif\n(\n$\n(\n\"# content\"\n)\nis\n(\n.\n\": visible\"\n)\n)\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n{\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\nalert\n(\n'element is visible in the DOM'\n)\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n}\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\nElse\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n{\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\nalert\n(\n'element is not visible in the DOM'\n)\n;\n&\nnbsp\n;\n&\nnbsp\n;\n&\nnbsp\n;\n}\n}\n)\n;\nBelow we have an example using this selector to determine an action within the program:\n1\n2\n3\n4\n5\n&\nlt\n;\nDiv\nid\n=\n\"countries\"\n&\ngt\n;\n&\nnbsp\n;\n&\nlt\n;\nDiv\nid\n=\n\"p1\"\n&\ngt\n;\nUS\n&\nlt\n;\n\/\ndiv\n&\ngt\n;\n&\nnbsp\n;\n&\nlt\n;\nDiv\nstyle\n=\n\"display: none\"\nid\n=\n\"p2\"\n&\ngt\n;\nCanada\n&\nlt\n;\n\/\ndiv\n&\ngt\n;\n&\nnbsp\n;\n&\nlt\n;\nDiv\nid\n=\n\"p3\"\n&\ngt\n;\nMexico\n&\nlt\n;\n\/\ndiv\n&\ngt\n;\n&\nlt\n;\n\/\ndiv\n&\ngt\n;\nTo check if the div #countires is visible, use the is () function with the selector “: visible”:\n1\n2\n3\n4\n5\nif\n(\n$\n(\n'# countries'\n)\nis\n(\n.\n': visible'\n)\n)\n{\n&\nnbsp\n;\n\/\/ Is visible, do something\nElse\n&\nnbsp\n;\n\/\/ Is not visible, do something\n}\nLoop the visible divs inside the div #countries:\n1\n2\n3\n$\n(\n\"# Div countries: visible\"\n)\n.\nEach\n(\nfunction\n(\n)\n{\n&\nnbsp\n;\ndocument\n.\nwrite\n(\n$\n(\nthis\n)\n.\nhtml\n(\n)\n&\nnbsp\n;\n&\nnbsp\n;\n'&lt;br \/&gt;'\n)\n;\n}\n)\n;\nThe result will be:\n1\n2\nUSA\nMexico\nJavaScript – using: hidden in jQuery\nThe :hidden selector perform the opposite check of the previous one. It checks if the element is hidden inside the DOM\n1\nvar\nisHidden\n=\n$\n(\n\"#myDiv\"\n)\n.\nis\n(\n\": Hidden\"\n)\n;\nWith these two selectors, you can verify the state of the element and perform something within the code based on the response. Do you know other ways to do this operation in JavaScript?  Share your comments in the section below!\nIf you want to explore other questions,\nyou can check our videos on JavaScript\n. Below are some examples:\nRangerSteve.io #gamedev #programming\nDeveloping @GetWhubi\nYou can also subscribe to some channels that broadcast in JavaScript, such as the following:\nObsidianBlk\n \nTimMikeladze\nAnother cool way to\nfind out interesting things about JavaScript is to access our project page\n!\n4273\nAbout author\nI, Dr. Michael J. Garbade is the co-founder of the Education Ecosystem (aka LiveEdu), ex-Amazon, GE, Rebate Networks, Y-combinator. Python, Django, and DevOps Engineer. Serial Entrepreneur. Experienced in raising venture funding.\r\n\r\nI speak English and German as mother tongues. I have a Masters in Business Administration and Physics, and a Ph.D. in Venture Capital Financing. Currently, I am  the Project Lead on the community project -Nationalcoronalvirus Hotline\r\n\r\nI write subject matter expert technical and business articles in leading blogs like Opensource.com, Dzone.com, Cybrary, Businessinsider, Entrepreneur.com, TechinAsia, Coindesk, and Cointelegraph. I am a frequent speaker and panelist at tech and blockchain conferences around the globe. I serve as a start-up mentor at Axel Springer Accelerator, NY Edtech Accelerator, Seedstars, and Learnlaunch Accelerator. I love hackathons and often serve as a technical judge on hackathon panels.","attrs_markdown":"[![Education Ecosystem Blog](https:\/\/blog.education-ecosystem.com\/wp-content\/uploads\/2019\/02\/EE-3-black-blog.png)![Education Ecosystem Blog](https:\/\/blog.education-ecosystem.com\/wp-content\/uploads\/2019\/02\/EE-3-black-blog.png)](https:\/\/educationecosystem.com\/blog\/)\n\n[Earn](https:\/\/educationecosystem.com\/create-projects-to-earn-ledu-and-cash)\n\nMenu\n\n- [Viewers](https:\/\/educationecosystem.com\/blog\/category\/viewers\/)\n- [Content Creators](https:\/\/educationecosystem.com\/blog\/category\/content-creators\/)\n- [Businesses](https:\/\/educationecosystem.com\/blog\/category\/businesses\/)\n- [Topics](https:\/\/educationecosystem.com\/blog\/category\/topic\/)\n  - [Programming](https:\/\/blog.education-ecosystem.com\/category\/topic\/programming\/)\n  - [Design](https:\/\/educationecosystem.com\/blog\/category\/design\/)\n  - [Game Development](https:\/\/educationecosystem.com\/blog\/category\/topic\/game-development\/)\n  - [Artificial Intelligence](https:\/\/educationecosystem.com\/blog\/category\/topic\/artificial-intelligence\/)\n  - [Data Science](https:\/\/educationecosystem.com\/blog\/category\/topic\/data-science\/)\n  - [Virtual Reality](https:\/\/educationecosystem.com\/blog\/category\/virtual-reality\/)\n  - [Blockchain](https:\/\/educationecosystem.com\/blog\/category\/topic\/blockchain\/)\n  - [Cybersecurity](https:\/\/educationecosystem.com\/blog\/category\/topic\/cybersecurity\/)\n  - [Creators](https:\/\/educationecosystem.com\/blog\/category\/topic\/artificial-intelligence\/)\n  - [Ledu Token](https:\/\/educationecosystem.com\/blog\/category\/topic\/ledu-token\/)\n\nMenu\n\n- [Viewers](https:\/\/educationecosystem.com\/blog\/category\/viewers\/)\n- [Content Creators](https:\/\/educationecosystem.com\/blog\/category\/content-creators\/)\n- [Businesses](https:\/\/educationecosystem.com\/blog\/category\/businesses\/)\n- [Topics](https:\/\/educationecosystem.com\/blog\/category\/topic\/)\n  - [Programming](https:\/\/blog.education-ecosystem.com\/category\/topic\/programming\/)\n  - [Design](https:\/\/educationecosystem.com\/blog\/category\/design\/)\n  - [Game Development](https:\/\/educationecosystem.com\/blog\/category\/topic\/game-development\/)\n  - [Artificial Intelligence](https:\/\/educationecosystem.com\/blog\/category\/topic\/artificial-intelligence\/)\n  - [Data Science](https:\/\/educationecosystem.com\/blog\/category\/topic\/data-science\/)\n  - [Virtual Reality](https:\/\/educationecosystem.com\/blog\/category\/virtual-reality\/)\n  - [Blockchain](https:\/\/educationecosystem.com\/blog\/category\/topic\/blockchain\/)\n  - [Cybersecurity](https:\/\/educationecosystem.com\/blog\/category\/topic\/cybersecurity\/)\n  - [Creators](https:\/\/educationecosystem.com\/blog\/category\/topic\/artificial-intelligence\/)\n  - [Ledu Token](https:\/\/educationecosystem.com\/blog\/category\/topic\/ledu-token\/)\n\n# Education Ecosystem Blog\nThe Education Ecosystem Blog is a hub for in-depth development blogs and new technology announcements written by professional software engineers in the Education Ecosystem network\n\n- share\n\n100\\.1k shares\n\n## Featured in\n![Venturebeat](https:\/\/educationecosystem.com\/blog\/wp-content\/themes\/saxon-child\/img\/logos\/venturebeat.png)\n\n![Opensource](https:\/\/educationecosystem.com\/blog\/wp-content\/themes\/saxon-child\/img\/logos\/opensource.png)\n\n![Techcrunch](https:\/\/educationecosystem.com\/blog\/wp-content\/themes\/saxon-child\/img\/logos\/techcrunch.png)\n\n![Business Insider](https:\/\/educationecosystem.com\/blog\/wp-content\/themes\/saxon-child\/img\/logos\/business-insider.png)\n\n![CoinDesk Bitcoin News](data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzMgMzMiPjxzdHlsZT4uc3Qwe2ZpbGw6I2YzYmIyZH0uc3Qxe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC44IDE2LjZjMCAuOS43IDEuNiAxLjYgMS42LjkgMCAxLjYtLjcgMS42LTEuNiAwLS45LS43LTEuNi0xLjYtMS42LS45IDAtMS42LjctMS42IDEuNk0yOC4zIDE1Yy0uOSAwLTEuNi43LTEuNiAxLjYgMCAuOS43IDEuNiAxLjYgMS42LjkgMCAxLjYtLjcgMS42LTEuNiAwLS45LS43LTEuNi0xLjYtMS42TTI4LjMgMjcuMWMtLjkgMC0xLjYuNy0xLjYgMS42IDAgLjkuNyAxLjYgMS42IDEuNi45IDAgMS42LS43IDEuNi0xLjYgMC0uOS0uNy0xLjYtMS42LTEuNiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMS43IDEuN2MtMS42LTItNC41LTIuMS02LjItLjVsLS4yLjItLjQuM2MtMS42IDEuMy00IDEuMi01LjUtLjN2LS4xQzE4LjkuOCAxOC4yLjQgMTcuNS4yYy0uMSAwLS4zLS4xLS40LS4xSDE1LjVjLS4xIDAtLjIgMC0uMy4xSDE1Yy0uMSAwLS4yLjEtLjMuMSAwIDAtLjEgMC0uMS4xLS4xIDAtLjIuMS0uMy4xIDAgMC0uMSAwLS4xLjEtLjEuMS0uMi4xLS4zLjIgMCAwLS4xIDAtLjEuMS0uMS4xLS4yLjEtLjMuMmwtLjEuMS0uMi4yLS40LjNjLTEuNiAxLjMtNCAxLjItNS40LS4zIDAgMC0uMSAwLS4xLS4xbC0uMi0uMkM2LjUuNiA1LjguMiA1IC4xaC0uNC0xLjMtLjFjMCAuMS0uMS4xLS4yLjJoLS4xYy0uNS4yLTEgLjQtMS40LjhsLS4xLjEtLjMuM2MtLjQuNC0uNi45LS44IDEuMyAwIC4xLS4xLjItLjEuMyAwIC4xLS4xLjItLjEuNC0uMS43LS4xIDEuNC4xIDIuMSAwIC4xLjEuMi4xLjNWNmMwIC4xLjEuMi4xLjMuMS4xLjEuMi4yLjQuMi4xLjQuMy41LjRsLjIuMi4yLjJDMyA5IDMgMTEuNiAxLjQgMTMuMmMtLjIuMi0uNS41LS42LjctLjEuMS0uMS4yLS4yLjR2LjFjLS4xLjEtLjEuMi0uMi4zdi4xYzAgLjEtLjEuMi0uMS4zdi4xYzAgLjEgMCAuMi0uMS4zVjE3YzAgLjEgMCAuMi4xLjN2LjFjLjIuNy42IDEuNCAxLjIgMiAxLjYgMS42IDEuNiA0LjIgMCA1LjhsLS4xLjEtLjIuMnYuMWMtLjEuMS0uMi4yLS4yLjMgMCAwIDAgLjEtLjEuMS0uMS4xLS4xLjItLjIuM2wtLjEuMWMwIC4xLS4xLjEtLjEuMnMtLjEuMS0uMS4yIDAgLjEtLjEuMmMtLjIuNC0uMy45LS4zIDEuM1YyOS4xYy4xLjMuMS42LjMuOCAwIC4xLjEuMi4xLjJzMCAuMS4xLjFjMCAuMS4xLjIuMS4zIDAgMCAwIC4xLjEuMS4xLjIuMi4zLjMuNCAwIDAgMCAuMS4xLjEgMCAwIDAgLjEuMS4xIDAgLjEuMS4xLjEuMWwuMS4xYy4xLjEuMi4xLjIuMmwuMS4xcy4xIDAgLjEuMWMuMS4xLjIuMi4zLjIgMCAwIC4xIDAgLjEuMS4xLjEuMi4xLjMuMmguMWMuMS4xLjIuMS40LjEuMSAwIC4zLjEuNC4xaC4xYy4xIDAgLjIgMCAuMy4xaC45Yy4zIDAgLjUtLjEuOC0uMWguMWMuMSAwIC4yLS4xLjMtLjFINmMuMSAwIC4yLS4xLjMtLjFoLjFjLjItLjEuNS0uMy43LS40bC4zLS4zLjEtLjFjMS42LTEuNyA0LjItMS43IDUuOCAwIDEuOCAxLjkgNC44IDEuOCA2LjUtLjMgMS4yLTEuNSAxLjItMy43IDAtNS4zLTEuNi0yLTQuNS0yLjEtNi4yLS41bC0uMi4yLS40LjNjLTEuNiAxLjMtNCAxLjItNS41LS4zbC0uMi0uMkw3IDI1Yy0xLjMtMS42LTEuMi00IC4zLTUuNS45LS44IDEuMy0xLjkgMS4zLTN2LS4yLS4xYzAtMS0uNC0yLTEuMi0yLjcgMC0uMS0uMS0uMS0uMS0uMmwtLjMtLjRjLTEuMy0xLjYtMS4yLTQgLjMtNS41bC4xLS4xLjEtLjFjMS42LTEuNyA0LjItMS43IDUuOCAwbC4xLjEuMS4xLjIuMmMuMSAwIC4xLjEuMi4xcy4xLjEuMi4xLjEuMS4yLjEuMS4xLjIuMS4xLjEuMi4xLjEuMS4yLjEuMSAwIC4yLjFjLjEgMCAuMSAwIC4yLjFIMTdjLjEgMCAuMiAwIC4zLS4xaC4yYy4xIDAgLjItLjEuMy0uMWguMWMuMSAwIC4yLS4xLjQtLjIuNC0uMi44LS41IDEuMS0uOGwuMS0uMWMxLjYtMS43IDQuMi0xLjcgNS44IDAgMS43IDIgNC44IDEuOSA2LjQtLjIgMS4yLTEuNSAxLjItMy43IDAtNS4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTU0LjUgMTQuMWMtLjYtLjYtMS4xLTEtMS44LTEuMy0uNi0uMy0xLjMtLjUtMi4yLS41LS44IDAtMS42LjItMi4yLjUtLjYuMy0xLjEuNy0xLjUgMS4zLS40LjUtLjcgMS4xLS45IDEuOC0uMi43LS4zIDEuNC0uMyAyLjEgMCAuNy4xIDEuNC40IDIuMS4yLjcuNiAxLjIgMSAxLjdzMSAuOSAxLjYgMS4yYy42LjMgMS4zLjQgMi4xLjQuOSAwIDEuNi0uMiAyLjItLjUuNi0uMyAxLjItLjcgMS43LTEuM2wyLjEgMi4yYy0uOC45LTEuNyAxLjUtMi43IDEuOS0xIC40LTIuMS42LTMuMy42LTEuMiAwLTIuNC0uMi0zLjQtLjYtMS0uNC0xLjktMS0yLjYtMS43LS43LS43LTEuMy0xLjYtMS43LTIuNi0uNC0xLS42LTIuMi0uNi0zLjQgMC0xLjIuMi0yLjQuNi0zLjQuNC0xIDEtMS45IDEuNy0yLjcuNy0uNyAxLjYtMS4zIDIuNi0xLjcgMS0uNCAyLjItLjYgMy40LS42IDEuMiAwIDIuMy4yIDMuMy42IDEuMS40IDIgMS4xIDIuOCAxLjlsLTIuMyAyTTYxLjMgMTcuOGMwIC44LjEgMS42LjQgMi4yLjIuNy42IDEuMyAxIDEuOHMxIC45IDEuNiAxLjFjLjYuMyAxLjQuNCAyLjIuNC44IDAgMS41LS4xIDIuMi0uNC42LS4zIDEuMi0uNyAxLjYtMS4xLjQtLjUuOC0xLjEgMS0xLjguMi0uNy40LTEuNC40LTIuMiAwLS44LS4xLTEuNi0uNC0yLjItLjItLjctLjYtMS4zLTEtMS44cy0xLS45LTEuNi0xLjFjLS42LS4zLTEuNC0uNC0yLjItLjQtLjggMC0xLjUuMS0yLjIuNC0uNi4zLTEuMi43LTEuNiAxLjEtLjQuNS0uOCAxLjEtMSAxLjgtLjIuNy0uNCAxLjQtLjQgMi4yem0tMy4yIDBjMC0xLjIuMi0yLjMuNi0zLjMuNC0xIDEtMS45IDEuOC0yLjcuOC0uOCAxLjYtMS40IDIuNy0xLjggMS0uNCAyLjEtLjcgMy4zLS43IDEuMiAwIDIuMy4yIDMuMy43IDEgLjQgMS45IDEgMi43IDEuOC44LjggMS4zIDEuNyAxLjggMi43LjQgMSAuNiAyLjEuNiAzLjMgMCAxLjItLjIgMi4zLS42IDMuMy0uNCAxLTEgMS45LTEuOCAyLjctLjguOC0xLjYgMS4zLTIuNyAxLjgtMSAuNC0yLjEuNy0zLjMuNy0xLjIgMC0yLjMtLjItMy4zLS43LTEtLjQtMS45LTEtMi43LTEuOC0uOC0uOC0xLjMtMS42LTEuOC0yLjctLjMtMS0uNi0yLjEtLjYtMy4zek03OCAyNS45aDN2LTE2aC0zdjE2em0tLjctMjEuOGMwLS42LjItMS4xLjYtMS42LjQtLjQuOS0uNyAxLjUtLjdzMS4xLjIgMS41LjdjLjQuNC42IDEgLjYgMS42IDAgLjYtLjIgMS4xLS42IDEuNi0uNC40LS45LjctMS41LjdzLTEuMS0uMi0xLjUtLjdjLS40LS40LS42LTEtLjYtMS42ek04NS4yIDkuOWgzdjIuNWguMWMuNC0uOSAxLTEuNiAyLTIuMS45LS41IDItLjggMy4zLS44LjggMCAxLjUuMSAyLjIuNC43LjIgMS4zLjYgMS44IDEuMS41LjUuOSAxLjEgMS4zIDEuOS4zLjguNSAxLjcuNSAyLjhWMjZoLTN2LTkuNWMwLS43LS4xLTEuNC0uMy0xLjktLjItLjUtLjUtMS0uOC0xLjMtLjMtLjMtLjctLjYtMS4yLS43LS40LS4xLS45LS4yLTEuNC0uMi0uNiAwLTEuMi4xLTEuNy4zLS41LjItMSAuNS0xLjQgMS0uNC40LS43IDEtLjkgMS43LS4yLjctLjMgMS41LS4zIDIuNHY4LjNoLTNWOS45TTExMC41IDIzLjRjLjggMCAxLjUtLjEgMi4yLS40LjctLjMgMS4yLS43IDEuNy0xLjIuNC0uNS44LTEuMSAxLTEuOC4yLS43LjQtMS40LjQtMi4zIDAtLjgtLjEtMS42LS40LTIuMy0uMi0uNy0uNi0xLjMtMS0xLjgtLjUtLjUtMS0uOS0xLjctMS4yLS43LS4zLTEuNC0uNC0yLjItLjQtLjggMC0xLjUuMS0yLjIuNC0uNy4zLTEuMi43LTEuNyAxLjItLjQuNS0uOCAxLjEtMSAxLjgtLjIuNy0uNCAxLjQtLjQgMi4zIDAgLjguMSAxLjYuNCAyLjMuMi43LjYgMS4zIDEgMS44czEgLjkgMS43IDEuMmMuNi4yIDEuNC40IDIuMi40em04LjMgMi40aC0zdi0yLjNoLS4xYy0uNi45LTEuNCAxLjUtMi40IDJzLTIuMS43LTMuMi43Yy0xLjIgMC0yLjQtLjItMy40LS42LTEtLjQtMS45LTEtMi42LTEuOC0uNy0uOC0xLjMtMS43LTEuNi0yLjctLjQtMS0uNi0yLjEtLjYtMy4zIDAtMS4yLjItMi4zLjYtMy40LjQtMSAuOS0xLjkgMS42LTIuNy43LS44IDEuNi0xLjQgMi42LTEuOCAxLS40IDIuMS0uNiAzLjQtLjYgMS4xIDAgMi4yLjIgMy4yLjcgMSAuNSAxLjggMS4yIDIuMyAyaC4xVjBoM3YyNS44ek0xMzQuMSAxNi41YzAtLjctLjEtMS4zLS4zLTEuOS0uMi0uNi0uNS0xLjEtLjktMS41LS40LS40LS45LS43LTEuNC0xLS42LS4yLTEuMi0uNC0yLS40LS43IDAtMS40LjEtMiAuNC0uNi4zLTEuMS42LTEuNiAxLjEtLjQuNC0uOC45LTEgMS41LS4yLjYtLjQgMS4xLS40IDEuNmg5LjZ6bS05LjYgMi41YzAgLjcuMiAxLjMuNSAxLjkuMy42LjcgMS4xIDEuMiAxLjUuNS40IDEuMS43IDEuNy45LjcuMiAxLjMuMyAyIC4zLjkgMCAxLjgtLjIgMi41LS43LjctLjQgMS4zLTEgMS45LTEuN2wyLjMgMS44Yy0xLjcgMi4yLTQuMSAzLjMtNy4xIDMuMy0xLjMgMC0yLjQtLjItMy40LS42LTEtLjQtMS45LTEtMi42LTEuOC0uNy0uOC0xLjMtMS42LTEuNi0yLjctLjQtMS0uNi0yLjEtLjYtMy4zIDAtMS4yLjItMi4zLjYtMy4zLjQtMSAxLTEuOSAxLjctMi43LjctLjggMS42LTEuMyAyLjYtMS44IDEtLjQgMi4xLS42IDMuMy0uNiAxLjQgMCAyLjYuMiAzLjYuNyAxIC41IDEuOCAxLjEgMi40IDEuOS42LjggMS4xIDEuNyAxLjQgMi43LjMgMSAuNCAyIC40IDMuMVYxOWgtMTIuOHpNMTQ5LjEgMTMuOWMtLjQtLjQtLjgtLjgtMS4zLTEuMS0uNS0uMy0xLjItLjUtMS45LS41cy0xLjMuMi0xLjkuNWMtLjUuMy0uOC43LS44IDEuMyAwIC41LjIuOS41IDEuMS4zLjMuNy41IDEuMS43LjQuMi45LjMgMS4zLjQuNS4xLjkuMiAxLjIuMi42LjIgMS4zLjMgMS44LjYuNi4yIDEuMS41IDEuNS45LjQuNC43LjggMSAxLjMuMi41LjQgMS4xLjQgMS45IDAgLjktLjIgMS43LS42IDIuMy0uNC42LS45IDEuMi0xLjUgMS42LS42LjQtMS4zLjctMi4xLjktLjguMi0xLjYuMy0yLjMuMy0xLjMgMC0yLjUtLjItMy41LS42LTEtLjQtMS45LTEuMS0yLjctMi4ybDIuMy0xLjljLjUuNSAxIC45IDEuNiAxLjMuNi40IDEuMy42IDIuMi42LjQgMCAuOCAwIDEuMi0uMS40LS4xLjctLjIgMS0uNC4zLS4yLjUtLjQuNy0uNi4yLS4zLjMtLjYuMy0uOSAwLS40LS4xLS44LS40LTEuMS0uMy0uMy0uNi0uNS0xLS43LS40LS4yLS44LS4zLTEuMi0uNGwtMS4yLS4zYy0uNi0uMi0xLjMtLjMtMS44LS41LS42LS4yLTEuMS0uNS0xLjUtLjgtLjQtLjMtLjgtLjgtMS4xLTEuMy0uMy0uNS0uNC0xLjItLjQtMS45IDAtLjguMi0xLjYuNS0yLjIuMy0uNi44LTEuMSAxLjQtMS41LjYtLjQgMS4yLS43IDEuOS0uOS43LS4yIDEuNS0uMyAyLjItLjMgMS4xIDAgMi4xLjIgMy4xLjYgMSAuNCAxLjggMS4xIDIuNCAybC0yLjQgMS43TTE1NC45LjRoM3YxNi4ybDYuOC02LjhoNC4xbC03LjMgNy4yIDggOC42aC00LjNsLTcuMy04LjJ2OC4yaC0zVi40Ii8+PC9zdmc+)\n\n![Entrepreneur](https:\/\/educationecosystem.com\/blog\/wp-content\/themes\/saxon-child\/img\/logos\/entrepreneur.png)\n\n![DZone](https:\/\/educationecosystem.com\/blog\/wp-content\/themes\/saxon-child\/img\/logos\/dzone.png)\n\n![Cointelegraph](https:\/\/educationecosystem.com\/blog\/wp-content\/themes\/saxon-child\/img\/logos\/cointelegraph.png)\n\n- [All Topics](https:\/\/educationecosystem.com\/blog)\n- [LEDU Token](https:\/\/educationecosystem.com\/blog\/category\/topic\/ledu-token\/)\n- [Blockchain](https:\/\/educationecosystem.com\/blog\/category\/topic\/blockchain\/)\n- [Programming](https:\/\/educationecosystem.com\/blog\/category\/topic\/programming\/)\n- [Game Development](https:\/\/educationecosystem.com\/blog\/category\/topic\/game-development\/)\n- [Data Science](https:\/\/educationecosystem.com\/blog\/category\/topic\/data-science\/)\n- [Cybersecurity](https:\/\/educationecosystem.com\/blog\/category\/topic\/cybersecurity\/)\n- [Artificial Intelligence](https:\/\/educationecosystem.com\/blog\/category\/topic\/artificial-intelligence\/)\n- [Creators](https:\/\/educationecosystem.com\/blog\/category\/topic\/artificial-intelligence\/)\n\n[E-Learning](https:\/\/educationecosystem.com\/blog\/category\/e-learning\/)\n\n# Learn JavaScript – How To Check if An Element is Hidden Using jQuery\nSeptember 16, 2016\n\nWhen we are using jQuery in JavaScript, often we want to take an action based on the state of an element. One that is widely used is if the state of the element is visible or not. An element is visible when if it consumes space in the document. Visible elements have a height or width larger than zero.\n\nTo find out if an element is hidden, we basically have two tools to use. The first that we’ll see use is: visible.\n\n### JavaScript – using: visible with jQuery\nThe :visible selector checks whether the element is visible within the DOM.\n\n\\$ (Document) .ready (function () { \\&nbsp;\\&nbsp;\\&nbsp; if (\\$ ( \"\\# content\") is (. \": visible\")) \\&nbsp;\\&nbsp;\\&nbsp; { \\&nbsp;\\&nbsp;\\&nbsp;\\&nbsp;\\&nbsp;\\&nbsp;\\&nbsp; alert ( 'element is visible in the DOM'); \\&nbsp;\\&nbsp;\\&nbsp; } \\&nbsp;\\&nbsp;\\&nbsp; Else \\&nbsp;\\&nbsp;\\&nbsp; { \\&nbsp;\\&nbsp;\\&nbsp;\\&nbsp;\\&nbsp;\\&nbsp;\\&nbsp; alert ( 'element is not visible in the DOM'); \\&nbsp;\\&nbsp;\\&nbsp; } });\n\n|   |   |\n|---|---|\n| 1 2 3 4 5 6 7 8 9 10 | \\$ (Document) .ready (function () { &nbsp;&nbsp;&nbsp; if (\\$ ( \"\\# content\") is (. \": visible\")) &nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert ( 'element is visible in the DOM'); &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; Else &nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert ( 'element is not visible in the DOM'); &nbsp;&nbsp;&nbsp; } }); |\n\nBelow we have an example using this selector to determine an action within the program:\n\n\\&lt;Div id = \"countries\"\\&gt; \\&nbsp; \\&lt;Div id = \"p1\"\\&gt; US \\&lt;\/ div\\&gt; \\&nbsp; \\&lt;Div style = \"display: none\" id = \"p2\"\\&gt; Canada \\&lt;\/ div\\&gt; \\&nbsp; \\&lt;Div id = \"p3\"\\&gt; Mexico \\&lt;\/ div\\&gt; \\&lt;\/div\\&gt;\n\n|   |   |\n|---|---|\n| 1 2 3 4 5 | &lt;Div id \\= \"countries\"&gt; &nbsp; &lt;Div id \\= \"p1\"&gt; US &lt;\/ div&gt; &nbsp; &lt;Div style \\= \"display: none\" id \\= \"p2\"&gt; Canada &lt;\/ div&gt; &nbsp; &lt;Div id \\= \"p3\"&gt; Mexico &lt;\/ div&gt; &lt;\/div&gt; |\n\nTo check if the div \\#countires is visible, use the is () function with the selector “: visible”:\n\nif (\\$ ( '\\# countries') is (. ': visible')) { \\&nbsp; \/\/ Is visible, do something Else \\&nbsp; \/\/ Is not visible, do something }\n\n|   |   |\n|---|---|\n| 1 2 3 4 5 | if (\\$ ( '\\# countries') is (. ': visible')) { &nbsp; \/\/ Is visible, do something Else &nbsp; \/\/ Is not visible, do something } |\n\nLoop the visible divs inside the div \\#countries:\n\n\\$ ( \"\\# Div countries: visible\"). Each (function () { \\&nbsp; document.write (\\$ (this) .html ()\\&nbsp;\\&nbsp; '\\&lt;br \/\\&gt;'); });\n\n|   |   |\n|---|---|\n| 1 2 3 | \\$ ( \"\\# Div countries: visible\"). Each (function () { &nbsp; document.write (\\$ (this) .html ()&nbsp;&nbsp; '\\&lt;br \/\\&gt;'); }); |\n\nThe result will be:\n\nUSA Mexico\n\n|   |   |\n|---|---|\n| 1 2 | USA Mexico |\n### JavaScript – using: hidden in jQuery\nThe :hidden selector perform the opposite check of the previous one. It checks if the element is hidden inside the DOM\n\nvar isHidden = \\$ ( \"\\#myDiv\" ) .is ( \": Hidden\" );\n\n|   |   |\n|---|---|\n| 1 | var isHidden \\= \\$ ( \"\\#myDiv\" ) .is ( \": Hidden\" ); |\n\nWith these two selectors, you can verify the state of the element and perform something within the code based on the response. Do you know other ways to do this operation in JavaScript? Share your comments in the section below\\!\n\nIf you want to explore other questions, [you can check our videos on JavaScript](https:\/\/www.livecoding.tv\/categories\/javascript\/). Below are some examples:\n\n- - [RangerSteve.io \\#gamedev \\#programming](https:\/\/www.livecoding.tv\/michaeljcalkins\/videos\/EPGO5-rangersteveio-gamedev-programming)\n\n- - [Developing @GetWhubi](https:\/\/www.livecoding.tv\/kuzzmi\/videos\/K91GL-developing-getwhubi-reactjs-web-client)\n\nYou can also subscribe to some channels that broadcast in JavaScript, such as the following:\n\n[![JavaScript how to check if an element is hidden using jQuery programming](https:\/\/blog.education-ecosystem.com\/wp-content\/uploads\/2018\/12\/ObsdianBlk_m616kj.png)](https:\/\/www.livecoding.tv\/obsidianblk\/)ObsidianBlk\n\n![JavaScript how to check if an element is hidden using jQuery programming](https:\/\/blog.education-ecosystem.com\/wp-content\/uploads\/2018\/12\/TimMikeladze_jsgt5w.png) [TimMikeladze](https:\/\/www.livecoding.tv\/timmikeladze\/)\n\nAnother cool way to [find out interesting things about JavaScript is to access our project page](https:\/\/www.livecoding.tv\/project-discovery\/javascript\/)\\!\n\n[how to check if an element is hidden using jQuery](https:\/\/educationecosystem.com\/blog\/tag\/how-to-check-if-an-element-is-hidden-using-jquery\/) [how to javascript](https:\/\/educationecosystem.com\/blog\/tag\/how-to-javascript\/) [javascript](https:\/\/educationecosystem.com\/blog\/tag\/javascript\/) [javascript and jquery](https:\/\/educationecosystem.com\/blog\/tag\/javascript-and-jquery\/) [javascript check hidden element](https:\/\/educationecosystem.com\/blog\/tag\/javascript-check-hidden-element\/) [javascript programming](https:\/\/educationecosystem.com\/blog\/tag\/javascript-programming\/) [learn javascript online](https:\/\/educationecosystem.com\/blog\/tag\/learn-javascript-online\/) [programming](https:\/\/educationecosystem.com\/blog\/tag\/programming\/)\n\n[1](https:\/\/educationecosystem.com\/blog\/javascript-check-hidden-element\/#comments)\n\n4273\n\nShare:\n\n[![Avatar](https:\/\/secure.gravatar.com\/avatar\/a2af58853c406291afe4da241c481292?s=170&d=200&r=g)](https:\/\/educationecosystem.com\/blog\/author\/livecodingeditor\/)\n\n##### About author\n### [Dr. Michael J. Garbade](https:\/\/educationecosystem.com\/blog\/author\/livecodingeditor\/ \"Posts by Dr. Michael J. Garbade\")\nI, Dr. Michael J. Garbade is the co-founder of the Education Ecosystem (aka LiveEdu), ex-Amazon, GE, Rebate Networks, Y-combinator. Python, Django, and DevOps Engineer. Serial Entrepreneur. Experienced in raising venture funding. I speak English and German as mother tongues. I have a Masters in Business Administration and Physics, and a Ph.D. in Venture Capital Financing. Currently, I am the Project Lead on the community project -Nationalcoronalvirus Hotline I write subject matter expert technical and business articles in leading blogs like Opensource.com, Dzone.com, Cybrary, Businessinsider, Entrepreneur.com, TechinAsia, Coindesk, and Cointelegraph. I am a frequent speaker and panelist at tech and blockchain conferences around the globe. I serve as a start-up mentor at Axel Springer Accelerator, NY Edtech Accelerator, Seedstars, and Learnlaunch Accelerator. I love hackathons and often serve as a technical judge on hackathon panels.\n\n[Previous Learn JavaScript – How to Get a Select Value in a Dropdown List?](https:\/\/educationecosystem.com\/blog\/javascript-select-value\/)\n\n[Next EconomySim: A Consequence Based Realistic Economy Programmed in Unity by Angryalbino](https:\/\/educationecosystem.com\/blog\/economysim-unty-app\/)\n\n- [Viewers](https:\/\/educationecosystem.com\/blog\/category\/viewers\/)\n- [Content Creators](https:\/\/educationecosystem.com\/blog\/category\/content-creators\/)\n- [Businesses](https:\/\/educationecosystem.com\/blog\/category\/businesses\/)\n- [Topics](https:\/\/educationecosystem.com\/blog\/category\/topic\/)\n  - [Programming](https:\/\/blog.education-ecosystem.com\/category\/topic\/programming\/)\n  - [Design](https:\/\/educationecosystem.com\/blog\/category\/design\/)\n  - [Game Development](https:\/\/educationecosystem.com\/blog\/category\/topic\/game-development\/)\n  - [Artificial Intelligence](https:\/\/educationecosystem.com\/blog\/category\/topic\/artificial-intelligence\/)\n  - [Data Science](https:\/\/educationecosystem.com\/blog\/category\/topic\/data-science\/)\n  - [Virtual Reality](https:\/\/educationecosystem.com\/blog\/category\/virtual-reality\/)\n  - [Blockchain](https:\/\/educationecosystem.com\/blog\/category\/topic\/blockchain\/)\n  - [Cybersecurity](https:\/\/educationecosystem.com\/blog\/category\/topic\/cybersecurity\/)\n  - [Creators](https:\/\/educationecosystem.com\/blog\/category\/topic\/artificial-intelligence\/)\n  - [Ledu Token](https:\/\/educationecosystem.com\/blog\/category\/topic\/ledu-token\/)","attrs_readable_markdown":null,"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

2 months 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`	2.8 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://educationecosystem.com/blog/javascript-check-hidden-element/
Last Crawled	2026-01-21 00:14:28 (2 months ago)
First Indexed	2022-02-25 14:59:38 (4 years ago)
HTTP Status Code	200
Meta Title	Learn JavaScript - How To Check if An Element is Hidden Using jQuery - LCTV
Meta Description	Trying to find hidden elements in HTML documents? Discover how to use jQuery to do that on Education Ecosystem blog. Improve your Javascript skills today.
Meta Canonical	null
Boilerpipe Text	When we are using jQuery in JavaScript, often we want to take an action based on the state of an element. One that is widely used is if the state of the element is visible or not. An element is visible when if it consumes space in the document. Visible elements have a height or width larger than zero. To find out if an element is hidden, we basically have two tools to use. The first that we’ll see use is: visible. JavaScript – using: visible with jQuery The :visible selector checks whether the element is visible within the DOM. 1 2 3 4 5 6 7 8 9 10 $ ( Document ) . ready ( function ( ) { & nbsp ; & nbsp ; & nbsp ; if ( $ ( "# content" ) is ( . ": visible" ) ) & nbsp ; & nbsp ; & nbsp ; { & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; alert ( 'element is visible in the DOM' ) ; & nbsp ; & nbsp ; & nbsp ; } & nbsp ; & nbsp ; & nbsp ; Else & nbsp ; & nbsp ; & nbsp ; { & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; alert ( 'element is not visible in the DOM' ) ; & nbsp ; & nbsp ; & nbsp ; } } ) ; Below we have an example using this selector to determine an action within the program: 1 2 3 4 5 & lt ; Div id = "countries" & gt ; & nbsp ; & lt ; Div id = "p1" & gt ; US & lt ; / div & gt ; & nbsp ; & lt ; Div style = "display: none" id = "p2" & gt ; Canada & lt ; / div & gt ; & nbsp ; & lt ; Div id = "p3" & gt ; Mexico & lt ; / div & gt ; & lt ; / div & gt ; To check if the div #countires is visible, use the is () function with the selector “: visible”: 1 2 3 4 5 if ( $ ( '# countries' ) is ( . ': visible' ) ) { & nbsp ; // Is visible, do something Else & nbsp ; // Is not visible, do something } Loop the visible divs inside the div #countries: 1 2 3 $ ( "# Div countries: visible" ) . Each ( function ( ) { & nbsp ; document . write ( $ ( this ) . html ( ) & nbsp ; & nbsp ; '<br />' ) ; } ) ; The result will be: 1 2 USA Mexico JavaScript – using: hidden in jQuery The :hidden selector perform the opposite check of the previous one. It checks if the element is hidden inside the DOM 1 var isHidden = $ ( "#myDiv" ) . is ( ": Hidden" ) ; With these two selectors, you can verify the state of the element and perform something within the code based on the response. Do you know other ways to do this operation in JavaScript? Share your comments in the section below! If you want to explore other questions, you can check our videos on JavaScript . Below are some examples: RangerSteve.io #gamedev #programming Developing @GetWhubi You can also subscribe to some channels that broadcast in JavaScript, such as the following: ObsidianBlk TimMikeladze Another cool way to find out interesting things about JavaScript is to access our project page ! 4273 About author I, Dr. Michael J. Garbade is the co-founder of the Education Ecosystem (aka LiveEdu), ex-Amazon, GE, Rebate Networks, Y-combinator. Python, Django, and DevOps Engineer. Serial Entrepreneur. Experienced in raising venture funding. I speak English and German as mother tongues. I have a Masters in Business Administration and Physics, and a Ph.D. in Venture Capital Financing. Currently, I am the Project Lead on the community project -Nationalcoronalvirus Hotline I write subject matter expert technical and business articles in leading blogs like Opensource.com, Dzone.com, Cybrary, Businessinsider, Entrepreneur.com, TechinAsia, Coindesk, and Cointelegraph. I am a frequent speaker and panelist at tech and blockchain conferences around the globe. I serve as a start-up mentor at Axel Springer Accelerator, NY Edtech Accelerator, Seedstars, and Learnlaunch Accelerator. I love hackathons and often serve as a technical judge on hackathon panels.
Markdown	[![Education Ecosystem Blog](https://blog.education-ecosystem.com/wp-content/uploads/2019/02/EE-3-black-blog.png)![Education Ecosystem Blog](https://blog.education-ecosystem.com/wp-content/uploads/2019/02/EE-3-black-blog.png)](https://educationecosystem.com/blog/) [Earn](https://educationecosystem.com/create-projects-to-earn-ledu-and-cash) Menu - [Viewers](https://educationecosystem.com/blog/category/viewers/) - [Content Creators](https://educationecosystem.com/blog/category/content-creators/) - [Businesses](https://educationecosystem.com/blog/category/businesses/) - [Topics](https://educationecosystem.com/blog/category/topic/) - [Programming](https://blog.education-ecosystem.com/category/topic/programming/) - [Design](https://educationecosystem.com/blog/category/design/) - [Game Development](https://educationecosystem.com/blog/category/topic/game-development/) - [Artificial Intelligence](https://educationecosystem.com/blog/category/topic/artificial-intelligence/) - [Data Science](https://educationecosystem.com/blog/category/topic/data-science/) - [Virtual Reality](https://educationecosystem.com/blog/category/virtual-reality/) - [Blockchain](https://educationecosystem.com/blog/category/topic/blockchain/) - [Cybersecurity](https://educationecosystem.com/blog/category/topic/cybersecurity/) - [Creators](https://educationecosystem.com/blog/category/topic/artificial-intelligence/) - [Ledu Token](https://educationecosystem.com/blog/category/topic/ledu-token/) Menu - [Viewers](https://educationecosystem.com/blog/category/viewers/) - [Content Creators](https://educationecosystem.com/blog/category/content-creators/) - [Businesses](https://educationecosystem.com/blog/category/businesses/) - [Topics](https://educationecosystem.com/blog/category/topic/) - [Programming](https://blog.education-ecosystem.com/category/topic/programming/) - [Design](https://educationecosystem.com/blog/category/design/) - [Game Development](https://educationecosystem.com/blog/category/topic/game-development/) - [Artificial Intelligence](https://educationecosystem.com/blog/category/topic/artificial-intelligence/) - [Data Science](https://educationecosystem.com/blog/category/topic/data-science/) - [Virtual Reality](https://educationecosystem.com/blog/category/virtual-reality/) - [Blockchain](https://educationecosystem.com/blog/category/topic/blockchain/) - [Cybersecurity](https://educationecosystem.com/blog/category/topic/cybersecurity/) - [Creators](https://educationecosystem.com/blog/category/topic/artificial-intelligence/) - [Ledu Token](https://educationecosystem.com/blog/category/topic/ledu-token/) # Education Ecosystem Blog The Education Ecosystem Blog is a hub for in-depth development blogs and new technology announcements written by professional software engineers in the Education Ecosystem network - share 100\.1k shares ## Featured in ![Venturebeat](https://educationecosystem.com/blog/wp-content/themes/saxon-child/img/logos/venturebeat.png) ![Opensource](https://educationecosystem.com/blog/wp-content/themes/saxon-child/img/logos/opensource.png) ![Techcrunch](https://educationecosystem.com/blog/wp-content/themes/saxon-child/img/logos/techcrunch.png) ![Business Insider](https://educationecosystem.com/blog/wp-content/themes/saxon-child/img/logos/business-insider.png) ![CoinDesk Bitcoin News](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzMgMzMiPjxzdHlsZT4uc3Qwe2ZpbGw6I2YzYmIyZH0uc3Qxe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC44IDE2LjZjMCAuOS43IDEuNiAxLjYgMS42LjkgMCAxLjYtLjcgMS42LTEuNiAwLS45LS43LTEuNi0xLjYtMS42LS45IDAtMS42LjctMS42IDEuNk0yOC4zIDE1Yy0uOSAwLTEuNi43LTEuNiAxLjYgMCAuOS43IDEuNiAxLjYgMS42LjkgMCAxLjYtLjcgMS42LTEuNiAwLS45LS43LTEuNi0xLjYtMS42TTI4LjMgMjcuMWMtLjkgMC0xLjYuNy0xLjYgMS42IDAgLjkuNyAxLjYgMS42IDEuNi45IDAgMS42LS43IDEuNi0xLjYgMC0uOS0uNy0xLjYtMS42LTEuNiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMS43IDEuN2MtMS42LTItNC41LTIuMS02LjItLjVsLS4yLjItLjQuM2MtMS42IDEuMy00IDEuMi01LjUtLjN2LS4xQzE4LjkuOCAxOC4yLjQgMTcuNS4yYy0uMSAwLS4zLS4xLS40LS4xSDE1LjVjLS4xIDAtLjIgMC0uMy4xSDE1Yy0uMSAwLS4yLjEtLjMuMSAwIDAtLjEgMC0uMS4xLS4xIDAtLjIuMS0uMy4xIDAgMC0uMSAwLS4xLjEtLjEuMS0uMi4xLS4zLjIgMCAwLS4xIDAtLjEuMS0uMS4xLS4yLjEtLjMuMmwtLjEuMS0uMi4yLS40LjNjLTEuNiAxLjMtNCAxLjItNS40LS4zIDAgMC0uMSAwLS4xLS4xbC0uMi0uMkM2LjUuNiA1LjguMiA1IC4xaC0uNC0xLjMtLjFjMCAuMS0uMS4xLS4yLjJoLS4xYy0uNS4yLTEgLjQtMS40LjhsLS4xLjEtLjMuM2MtLjQuNC0uNi45LS44IDEuMyAwIC4xLS4xLjItLjEuMyAwIC4xLS4xLjItLjEuNC0uMS43LS4xIDEuNC4xIDIuMSAwIC4xLjEuMi4xLjNWNmMwIC4xLjEuMi4xLjMuMS4xLjEuMi4yLjQuMi4xLjQuMy41LjRsLjIuMi4yLjJDMyA5IDMgMTEuNiAxLjQgMTMuMmMtLjIuMi0uNS41LS42LjctLjEuMS0uMS4yLS4yLjR2LjFjLS4xLjEtLjEuMi0uMi4zdi4xYzAgLjEtLjEuMi0uMS4zdi4xYzAgLjEgMCAuMi0uMS4zVjE3YzAgLjEgMCAuMi4xLjN2LjFjLjIuNy42IDEuNCAxLjIgMiAxLjYgMS42IDEuNiA0LjIgMCA1LjhsLS4xLjEtLjIuMnYuMWMtLjEuMS0uMi4yLS4yLjMgMCAwIDAgLjEtLjEuMS0uMS4xLS4xLjItLjIuM2wtLjEuMWMwIC4xLS4xLjEtLjEuMnMtLjEuMS0uMS4yIDAgLjEtLjEuMmMtLjIuNC0uMy45LS4zIDEuM1YyOS4xYy4xLjMuMS42LjMuOCAwIC4xLjEuMi4xLjJzMCAuMS4xLjFjMCAuMS4xLjIuMS4zIDAgMCAwIC4xLjEuMS4xLjIuMi4zLjMuNCAwIDAgMCAuMS4xLjEgMCAwIDAgLjEuMS4xIDAgLjEuMS4xLjEuMWwuMS4xYy4xLjEuMi4xLjIuMmwuMS4xcy4xIDAgLjEuMWMuMS4xLjIuMi4zLjIgMCAwIC4xIDAgLjEuMS4xLjEuMi4xLjMuMmguMWMuMS4xLjIuMS40LjEuMSAwIC4zLjEuNC4xaC4xYy4xIDAgLjIgMCAuMy4xaC45Yy4zIDAgLjUtLjEuOC0uMWguMWMuMSAwIC4yLS4xLjMtLjFINmMuMSAwIC4yLS4xLjMtLjFoLjFjLjItLjEuNS0uMy43LS40bC4zLS4zLjEtLjFjMS42LTEuNyA0LjItMS43IDUuOCAwIDEuOCAxLjkgNC44IDEuOCA2LjUtLjMgMS4yLTEuNSAxLjItMy43IDAtNS4zLTEuNi0yLTQuNS0yLjEtNi4yLS41bC0uMi4yLS40LjNjLTEuNiAxLjMtNCAxLjItNS41LS4zbC0uMi0uMkw3IDI1Yy0xLjMtMS42LTEuMi00IC4zLTUuNS45LS44IDEuMy0xLjkgMS4zLTN2LS4yLS4xYzAtMS0uNC0yLTEuMi0yLjcgMC0uMS0uMS0uMS0uMS0uMmwtLjMtLjRjLTEuMy0xLjYtMS4yLTQgLjMtNS41bC4xLS4xLjEtLjFjMS42LTEuNyA0LjItMS43IDUuOCAwbC4xLjEuMS4xLjIuMmMuMSAwIC4xLjEuMi4xcy4xLjEuMi4xLjEuMS4yLjEuMS4xLjIuMS4xLjEuMi4xLjEuMS4yLjEuMSAwIC4yLjFjLjEgMCAuMSAwIC4yLjFIMTdjLjEgMCAuMiAwIC4zLS4xaC4yYy4xIDAgLjItLjEuMy0uMWguMWMuMSAwIC4yLS4xLjQtLjIuNC0uMi44LS41IDEuMS0uOGwuMS0uMWMxLjYtMS43IDQuMi0xLjcgNS44IDAgMS43IDIgNC44IDEuOSA2LjQtLjIgMS4yLTEuNSAxLjItMy43IDAtNS4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTU0LjUgMTQuMWMtLjYtLjYtMS4xLTEtMS44LTEuMy0uNi0uMy0xLjMtLjUtMi4yLS41LS44IDAtMS42LjItMi4yLjUtLjYuMy0xLjEuNy0xLjUgMS4zLS40LjUtLjcgMS4xLS45IDEuOC0uMi43LS4zIDEuNC0uMyAyLjEgMCAuNy4xIDEuNC40IDIuMS4yLjcuNiAxLjIgMSAxLjdzMSAuOSAxLjYgMS4yYy42LjMgMS4zLjQgMi4xLjQuOSAwIDEuNi0uMiAyLjItLjUuNi0uMyAxLjItLjcgMS43LTEuM2wyLjEgMi4yYy0uOC45LTEuNyAxLjUtMi43IDEuOS0xIC40LTIuMS42LTMuMy42LTEuMiAwLTIuNC0uMi0zLjQtLjYtMS0uNC0xLjktMS0yLjYtMS43LS43LS43LTEuMy0xLjYtMS43LTIuNi0uNC0xLS42LTIuMi0uNi0zLjQgMC0xLjIuMi0yLjQuNi0zLjQuNC0xIDEtMS45IDEuNy0yLjcuNy0uNyAxLjYtMS4zIDIuNi0xLjcgMS0uNCAyLjItLjYgMy40LS42IDEuMiAwIDIuMy4yIDMuMy42IDEuMS40IDIgMS4xIDIuOCAxLjlsLTIuMyAyTTYxLjMgMTcuOGMwIC44LjEgMS42LjQgMi4yLjIuNy42IDEuMyAxIDEuOHMxIC45IDEuNiAxLjFjLjYuMyAxLjQuNCAyLjIuNC44IDAgMS41LS4xIDIuMi0uNC42LS4zIDEuMi0uNyAxLjYtMS4xLjQtLjUuOC0xLjEgMS0xLjguMi0uNy40LTEuNC40LTIuMiAwLS44LS4xLTEuNi0uNC0yLjItLjItLjctLjYtMS4zLTEtMS44cy0xLS45LTEuNi0xLjFjLS42LS4zLTEuNC0uNC0yLjItLjQtLjggMC0xLjUuMS0yLjIuNC0uNi4zLTEuMi43LTEuNiAxLjEtLjQuNS0uOCAxLjEtMSAxLjgtLjIuNy0uNCAxLjQtLjQgMi4yem0tMy4yIDBjMC0xLjIuMi0yLjMuNi0zLjMuNC0xIDEtMS45IDEuOC0yLjcuOC0uOCAxLjYtMS40IDIuNy0xLjggMS0uNCAyLjEtLjcgMy4zLS43IDEuMiAwIDIuMy4yIDMuMy43IDEgLjQgMS45IDEgMi43IDEuOC44LjggMS4zIDEuNyAxLjggMi43LjQgMSAuNiAyLjEuNiAzLjMgMCAxLjItLjIgMi4zLS42IDMuMy0uNCAxLTEgMS45LTEuOCAyLjctLjguOC0xLjYgMS4zLTIuNyAxLjgtMSAuNC0yLjEuNy0zLjMuNy0xLjIgMC0yLjMtLjItMy4zLS43LTEtLjQtMS45LTEtMi43LTEuOC0uOC0uOC0xLjMtMS42LTEuOC0yLjctLjMtMS0uNi0yLjEtLjYtMy4zek03OCAyNS45aDN2LTE2aC0zdjE2em0tLjctMjEuOGMwLS42LjItMS4xLjYtMS42LjQtLjQuOS0uNyAxLjUtLjdzMS4xLjIgMS41LjdjLjQuNC42IDEgLjYgMS42IDAgLjYtLjIgMS4xLS42IDEuNi0uNC40LS45LjctMS41LjdzLTEuMS0uMi0xLjUtLjdjLS40LS40LS42LTEtLjYtMS42ek04NS4yIDkuOWgzdjIuNWguMWMuNC0uOSAxLTEuNiAyLTIuMS45LS41IDItLjggMy4zLS44LjggMCAxLjUuMSAyLjIuNC43LjIgMS4zLjYgMS44IDEuMS41LjUuOSAxLjEgMS4zIDEuOS4zLjguNSAxLjcuNSAyLjhWMjZoLTN2LTkuNWMwLS43LS4xLTEuNC0uMy0xLjktLjItLjUtLjUtMS0uOC0xLjMtLjMtLjMtLjctLjYtMS4yLS43LS40LS4xLS45LS4yLTEuNC0uMi0uNiAwLTEuMi4xLTEuNy4zLS41LjItMSAuNS0xLjQgMS0uNC40LS43IDEtLjkgMS43LS4yLjctLjMgMS41LS4zIDIuNHY4LjNoLTNWOS45TTExMC41IDIzLjRjLjggMCAxLjUtLjEgMi4yLS40LjctLjMgMS4yLS43IDEuNy0xLjIuNC0uNS44LTEuMSAxLTEuOC4yLS43LjQtMS40LjQtMi4zIDAtLjgtLjEtMS42LS40LTIuMy0uMi0uNy0uNi0xLjMtMS0xLjgtLjUtLjUtMS0uOS0xLjctMS4yLS43LS4zLTEuNC0uNC0yLjItLjQtLjggMC0xLjUuMS0yLjIuNC0uNy4zLTEuMi43LTEuNyAxLjItLjQuNS0uOCAxLjEtMSAxLjgtLjIuNy0uNCAxLjQtLjQgMi4zIDAgLjguMSAxLjYuNCAyLjMuMi43LjYgMS4zIDEgMS44czEgLjkgMS43IDEuMmMuNi4yIDEuNC40IDIuMi40em04LjMgMi40aC0zdi0yLjNoLS4xYy0uNi45LTEuNCAxLjUtMi40IDJzLTIuMS43LTMuMi43Yy0xLjIgMC0yLjQtLjItMy40LS42LTEtLjQtMS45LTEtMi42LTEuOC0uNy0uOC0xLjMtMS43LTEuNi0yLjctLjQtMS0uNi0yLjEtLjYtMy4zIDAtMS4yLjItMi4zLjYtMy40LjQtMSAuOS0xLjkgMS42LTIuNy43LS44IDEuNi0xLjQgMi42LTEuOCAxLS40IDIuMS0uNiAzLjQtLjYgMS4xIDAgMi4yLjIgMy4yLjcgMSAuNSAxLjggMS4yIDIuMyAyaC4xVjBoM3YyNS44ek0xMzQuMSAxNi41YzAtLjctLjEtMS4zLS4zLTEuOS0uMi0uNi0uNS0xLjEtLjktMS41LS40LS40LS45LS43LTEuNC0xLS42LS4yLTEuMi0uNC0yLS40LS43IDAtMS40LjEtMiAuNC0uNi4zLTEuMS42LTEuNiAxLjEtLjQuNC0uOC45LTEgMS41LS4yLjYtLjQgMS4xLS40IDEuNmg5LjZ6bS05LjYgMi41YzAgLjcuMiAxLjMuNSAxLjkuMy42LjcgMS4xIDEuMiAxLjUuNS40IDEuMS43IDEuNy45LjcuMiAxLjMuMyAyIC4zLjkgMCAxLjgtLjIgMi41LS43LjctLjQgMS4zLTEgMS45LTEuN2wyLjMgMS44Yy0xLjcgMi4yLTQuMSAzLjMtNy4xIDMuMy0xLjMgMC0yLjQtLjItMy40LS42LTEtLjQtMS45LTEtMi42LTEuOC0uNy0uOC0xLjMtMS42LTEuNi0yLjctLjQtMS0uNi0yLjEtLjYtMy4zIDAtMS4yLjItMi4zLjYtMy4zLjQtMSAxLTEuOSAxLjctMi43LjctLjggMS42LTEuMyAyLjYtMS44IDEtLjQgMi4xLS42IDMuMy0uNiAxLjQgMCAyLjYuMiAzLjYuNyAxIC41IDEuOCAxLjEgMi40IDEuOS42LjggMS4xIDEuNyAxLjQgMi43LjMgMSAuNCAyIC40IDMuMVYxOWgtMTIuOHpNMTQ5LjEgMTMuOWMtLjQtLjQtLjgtLjgtMS4zLTEuMS0uNS0uMy0xLjItLjUtMS45LS41cy0xLjMuMi0xLjkuNWMtLjUuMy0uOC43LS44IDEuMyAwIC41LjIuOS41IDEuMS4zLjMuNy41IDEuMS43LjQuMi45LjMgMS4zLjQuNS4xLjkuMiAxLjIuMi42LjIgMS4zLjMgMS44LjYuNi4yIDEuMS41IDEuNS45LjQuNC43LjggMSAxLjMuMi41LjQgMS4xLjQgMS45IDAgLjktLjIgMS43LS42IDIuMy0uNC42LS45IDEuMi0xLjUgMS42LS42LjQtMS4zLjctMi4xLjktLjguMi0xLjYuMy0yLjMuMy0xLjMgMC0yLjUtLjItMy41LS42LTEtLjQtMS45LTEuMS0yLjctMi4ybDIuMy0xLjljLjUuNSAxIC45IDEuNiAxLjMuNi40IDEuMy42IDIuMi42LjQgMCAuOCAwIDEuMi0uMS40LS4xLjctLjIgMS0uNC4zLS4yLjUtLjQuNy0uNi4yLS4zLjMtLjYuMy0uOSAwLS40LS4xLS44LS40LTEuMS0uMy0uMy0uNi0uNS0xLS43LS40LS4yLS44LS4zLTEuMi0uNGwtMS4yLS4zYy0uNi0uMi0xLjMtLjMtMS44LS41LS42LS4yLTEuMS0uNS0xLjUtLjgtLjQtLjMtLjgtLjgtMS4xLTEuMy0uMy0uNS0uNC0xLjItLjQtMS45IDAtLjguMi0xLjYuNS0yLjIuMy0uNi44LTEuMSAxLjQtMS41LjYtLjQgMS4yLS43IDEuOS0uOS43LS4yIDEuNS0uMyAyLjItLjMgMS4xIDAgMi4xLjIgMy4xLjYgMSAuNCAxLjggMS4xIDIuNCAybC0yLjQgMS43TTE1NC45LjRoM3YxNi4ybDYuOC02LjhoNC4xbC03LjMgNy4yIDggOC42aC00LjNsLTcuMy04LjJ2OC4yaC0zVi40Ii8+PC9zdmc+) ![Entrepreneur](https://educationecosystem.com/blog/wp-content/themes/saxon-child/img/logos/entrepreneur.png) ![DZone](https://educationecosystem.com/blog/wp-content/themes/saxon-child/img/logos/dzone.png) ![Cointelegraph](https://educationecosystem.com/blog/wp-content/themes/saxon-child/img/logos/cointelegraph.png) - [All Topics](https://educationecosystem.com/blog) - [LEDU Token](https://educationecosystem.com/blog/category/topic/ledu-token/) - [Blockchain](https://educationecosystem.com/blog/category/topic/blockchain/) - [Programming](https://educationecosystem.com/blog/category/topic/programming/) - [Game Development](https://educationecosystem.com/blog/category/topic/game-development/) - [Data Science](https://educationecosystem.com/blog/category/topic/data-science/) - [Cybersecurity](https://educationecosystem.com/blog/category/topic/cybersecurity/) - [Artificial Intelligence](https://educationecosystem.com/blog/category/topic/artificial-intelligence/) - [Creators](https://educationecosystem.com/blog/category/topic/artificial-intelligence/) [E-Learning](https://educationecosystem.com/blog/category/e-learning/) # Learn JavaScript – How To Check if An Element is Hidden Using jQuery September 16, 2016 When we are using jQuery in JavaScript, often we want to take an action based on the state of an element. One that is widely used is if the state of the element is visible or not. An element is visible when if it consumes space in the document. Visible elements have a height or width larger than zero. To find out if an element is hidden, we basically have two tools to use. The first that we’ll see use is: visible. ### JavaScript – using: visible with jQuery The :visible selector checks whether the element is visible within the DOM. \$ (Document) .ready (function () { \ \ \  if (\$ ( "\# content") is (. ": visible")) \ \ \  { \ \ \ \ \ \ \  alert ( 'element is visible in the DOM'); \ \ \  } \ \ \  Else \ \ \  { \ \ \ \ \ \ \  alert ( 'element is not visible in the DOM'); \ \ \  } }); \| \| \| \|---\|---\| \| 1 2 3 4 5 6 7 8 9 10 \| \$ (Document) .ready (function () {     if (\$ ( "\# content") is (. ": visible"))     {         alert ( 'element is visible in the DOM');     }     Else     {         alert ( 'element is not visible in the DOM');     } }); \| Below we have an example using this selector to determine an action within the program: \<Div id = "countries"\> \  \<Div id = "p1"\> US \</ div\> \  \<Div style = "display: none" id = "p2"\> Canada \</ div\> \  \<Div id = "p3"\> Mexico \</ div\> \</div\> \| \| \| \|---\|---\| \| 1 2 3 4 5 \| <Div id \= "countries">   <Div id \= "p1"> US </ div>   <Div style \= "display: none" id \= "p2"> Canada </ div>   <Div id \= "p3"> Mexico </ div> </div> \| To check if the div \#countires is visible, use the is () function with the selector “: visible”: if (\$ ( '\# countries') is (. ': visible')) { \  // Is visible, do something Else \  // Is not visible, do something } \| \| \| \|---\|---\| \| 1 2 3 4 5 \| if (\$ ( '\# countries') is (. ': visible')) {   // Is visible, do something Else   // Is not visible, do something } \| Loop the visible divs inside the div \#countries: \$ ( "\# Div countries: visible"). Each (function () { \  document.write (\$ (this) .html ()\ \  '\<br /\>'); }); \| \| \| \|---\|---\| \| 1 2 3 \| \$ ( "\# Div countries: visible"). Each (function () {   document.write (\$ (this) .html ()   '\<br /\>'); }); \| The result will be: USA Mexico \| \| \| \|---\|---\| \| 1 2 \| USA Mexico \| ### JavaScript – using: hidden in jQuery The :hidden selector perform the opposite check of the previous one. It checks if the element is hidden inside the DOM var isHidden = \$ ( "\#myDiv" ) .is ( ": Hidden" ); \| \| \| \|---\|---\| \| 1 \| var isHidden \= \$ ( "\#myDiv" ) .is ( ": Hidden" ); \| With these two selectors, you can verify the state of the element and perform something within the code based on the response. Do you know other ways to do this operation in JavaScript? Share your comments in the section below\! If you want to explore other questions, [you can check our videos on JavaScript](https://www.livecoding.tv/categories/javascript/). Below are some examples: - - [RangerSteve.io \#gamedev \#programming](https://www.livecoding.tv/michaeljcalkins/videos/EPGO5-rangersteveio-gamedev-programming) - - [Developing @GetWhubi](https://www.livecoding.tv/kuzzmi/videos/K91GL-developing-getwhubi-reactjs-web-client) You can also subscribe to some channels that broadcast in JavaScript, such as the following: [![JavaScript how to check if an element is hidden using jQuery programming](https://blog.education-ecosystem.com/wp-content/uploads/2018/12/ObsdianBlk_m616kj.png)](https://www.livecoding.tv/obsidianblk/)ObsidianBlk ![JavaScript how to check if an element is hidden using jQuery programming](https://blog.education-ecosystem.com/wp-content/uploads/2018/12/TimMikeladze_jsgt5w.png) [TimMikeladze](https://www.livecoding.tv/timmikeladze/) Another cool way to [find out interesting things about JavaScript is to access our project page](https://www.livecoding.tv/project-discovery/javascript/)\! [how to check if an element is hidden using jQuery](https://educationecosystem.com/blog/tag/how-to-check-if-an-element-is-hidden-using-jquery/) [how to javascript](https://educationecosystem.com/blog/tag/how-to-javascript/) [javascript](https://educationecosystem.com/blog/tag/javascript/) [javascript and jquery](https://educationecosystem.com/blog/tag/javascript-and-jquery/) [javascript check hidden element](https://educationecosystem.com/blog/tag/javascript-check-hidden-element/) [javascript programming](https://educationecosystem.com/blog/tag/javascript-programming/) [learn javascript online](https://educationecosystem.com/blog/tag/learn-javascript-online/) [programming](https://educationecosystem.com/blog/tag/programming/) [1](https://educationecosystem.com/blog/javascript-check-hidden-element/#comments) 4273 Share: [![Avatar](https://secure.gravatar.com/avatar/a2af58853c406291afe4da241c481292?s=170&d=200&r=g)](https://educationecosystem.com/blog/author/livecodingeditor/) ##### About author ### [Dr. Michael J. Garbade](https://educationecosystem.com/blog/author/livecodingeditor/ "Posts by Dr. Michael J. Garbade") I, Dr. Michael J. Garbade is the co-founder of the Education Ecosystem (aka LiveEdu), ex-Amazon, GE, Rebate Networks, Y-combinator. Python, Django, and DevOps Engineer. Serial Entrepreneur. Experienced in raising venture funding. I speak English and German as mother tongues. I have a Masters in Business Administration and Physics, and a Ph.D. in Venture Capital Financing. Currently, I am the Project Lead on the community project -Nationalcoronalvirus Hotline I write subject matter expert technical and business articles in leading blogs like Opensource.com, Dzone.com, Cybrary, Businessinsider, Entrepreneur.com, TechinAsia, Coindesk, and Cointelegraph. I am a frequent speaker and panelist at tech and blockchain conferences around the globe. I serve as a start-up mentor at Axel Springer Accelerator, NY Edtech Accelerator, Seedstars, and Learnlaunch Accelerator. I love hackathons and often serve as a technical judge on hackathon panels. [Previous Learn JavaScript – How to Get a Select Value in a Dropdown List?](https://educationecosystem.com/blog/javascript-select-value/) [Next EconomySim: A Consequence Based Realistic Economy Programmed in Unity by Angryalbino](https://educationecosystem.com/blog/economysim-unty-app/) - [Viewers](https://educationecosystem.com/blog/category/viewers/) - [Content Creators](https://educationecosystem.com/blog/category/content-creators/) - [Businesses](https://educationecosystem.com/blog/category/businesses/) - [Topics](https://educationecosystem.com/blog/category/topic/) - [Programming](https://blog.education-ecosystem.com/category/topic/programming/) - [Design](https://educationecosystem.com/blog/category/design/) - [Game Development](https://educationecosystem.com/blog/category/topic/game-development/) - [Artificial Intelligence](https://educationecosystem.com/blog/category/topic/artificial-intelligence/) - [Data Science](https://educationecosystem.com/blog/category/topic/data-science/) - [Virtual Reality](https://educationecosystem.com/blog/category/virtual-reality/) - [Blockchain](https://educationecosystem.com/blog/category/topic/blockchain/) - [Cybersecurity](https://educationecosystem.com/blog/category/topic/cybersecurity/) - [Creators](https://educationecosystem.com/blog/category/topic/artificial-intelligence/) - [Ledu Token](https://educationecosystem.com/blog/category/topic/ledu-token/)
Readable Markdown	null
Shard	102 (laksa)
Root Hash	11087354373600355702
Unparsed URL	com,educationecosystem!/blog/javascript-check-hidden-element/ s443