🕷️ Crawler Inspector

URL Lookup

Direct Parameter Lookup

Raw Queries and Responses

1. Shard Calculation

Query:

Response:

Calculated Shard: 63 (from laksa103)

2. Crawled Status Check

Query:

curl -X POST \
  'http://laksa063.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.delftstack.com/es/howto/jquery/is-visible-jquery/\')), getAhrefsUnparsedNoserviceFromURL(\'https://www.delftstack.com/es/howto/jquery/is-visible-jquery/\'))) FORMAT JSONEachRow'

Response:

{"found_url":"https:\/\/www.delftstack.com\/es\/howto\/jquery\/is-visible-jquery\/","crawl_time":1775640049,"first_indexed_time":1656012178,"http_code":200,"src_unparsed":"com,delftstack!www,\/es\/howto\/jquery\/is-visible-jquery\/ s443","src_root_hash":"2049407205336873863","history_drop_reason":null,"meta_title":"is(:visible) en jQuery | Delft Stack","meta_descriptions":["Este tutorial demuestra cómo usar is(:visible) en jQuery."],"attrs_boilerpipe_text":"El selector\n:visible\nse usa para verificar si un elemento en el documento HTML es visible o no, y\nis()\nes un método integrado de jQuery. Este tutorial demuestra cómo usar el selector\n.is(\":visible\")\nen jQuery.\nUse el selector\n.is(\":visible\")\nen jQuery\nA veces, se requiere comprobar si un elemento de la página está visible o no; para este propósito, se utiliza un selector integrado\n.is(\":visible\")\nde jquery. La sintaxis contiene un método\nis()\ny un selector\n:visible\n.\nEl método y el selector juntos verificarán si un elemento está visible en la página o no. La sintaxis de este método es:\n$(element).is(\":visible\");\nDonde\n:visible\nes un selector de CSS que le dice al usuario que seleccione los elementos visibles en la página. El valor de retorno de este método es si un elemento es visible o no.\nEl método\nis()\nes de jQuery para verificar el conjunto específico de elementos contra el selector que se le pasó, y no creará un nuevo objeto que verificará el mismo objeto sin modificaciones.\nProbemos un ejemplo simple que nos alertará si el elemento dado está visible o no:\n<!doctype html>\n<\nhtml\nlang\n=\n\"en\"\n>\n<\nhead\n>\n<\nmeta\ncharset\n=\n\"utf-8\"\n>\n<\ntitle\n>jQuery is visible method <\/\ntitle\n>\n<\nscript\nsrc\n=\n\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"\n\"\n> <\/\nscript\n>\n<\nstyle\n>\n#\ndelftstack\n{\ndisplay\n:\nblock\n;\n}\n<\/\nstyle\n>\n<\nscript\n>\n$(\ndocument\n).ready(\nfunction\n() {\n\/\/ Check whether the delftstack h1 is visible\nif\n($(\n\"h1\"\n).is(\n\":visible\"\n)) {\nalert(\n\"The h1 element with delftstack is visible.\"\n);\n}\nelse\n{\nalert(\n\"The h1 element with delftstack is not visible.\"\n);\n}\n});\n<\/\nscript\n>\n<\/\nhead\n>\n<\nbody\n>\n<\nh1\nid\n=\n\"delftstack\"\n>Hello, This is delftstack.com<\/\nh1\n>\n<\/\nbody\n>\n<\/\nhtml\n>\nLa visualización de\nh1\nse establece en\nblock\n, por lo que el elemento es visible en el documento. Ver la salida:\nDel mismo modo, si la visualización se establece en\nnone\n, el elemento no será visible en el documento. Ver ejemplo:\n<!doctype html>\n<\nhtml\nlang\n=\n\"en\"\n>\n<\nhead\n>\n<\nmeta\ncharset\n=\n\"utf-8\"\n>\n<\ntitle\n>jQuery is visible method <\/\ntitle\n>\n<\nscript\nsrc\n=\n\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"\n\"\n> <\/\nscript\n>\n<\nstyle\n>\n#\ndelftstack\n{\ndisplay\n:\nnone\n;\n}\n<\/\nstyle\n>\n<\nscript\n>\n$(\ndocument\n).ready(\nfunction\n() {\n\/\/ Check whether the delftstack h1 is visible\nif\n($(\n\"h1\"\n).is(\n\":visible\"\n)) {\nalert(\n\"The h1 element with delftstack is visible.\"\n);\n}\nelse\n{\nalert(\n\"The h1 element with delftstack is not visible.\"\n);\n}\n});\n<\/\nscript\n>\n<\/\nhead\n>\n<\nbody\n>\n<\nh1\nid\n=\n\"delftstack\"\n>Hello, This is delftstack.com<\/\nh1\n>\n<\/\nbody\n>\n<\/\nhtml\n>\nLa salida para este código es:\nTambién podemos usar el método\n.is(\":visible\")\ncon el fin de ocultar y mostrar un elemento. Probemos un ejemplo:\n<!DOCTYPE html>\n<\nhtml\n>\n<\nhead\n>\n<\ntitle\n>\nis visible jQuery\n<\/\ntitle\n>\n<\nscript\nsrc\n=\n\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"\n><\/\nscript\n>\n<\/\nhead\n>\n<\nbody\nstyle\n=\n\"text-align:center;\"\n>\n<\nh1\nstyle\n=\n\"color:blue;\"\n> DELFTSTACK <\/\nh1\n>\n<\nh3\n>\nIs Visible JQuery\n<\/\nh3\n>\n<\np\nstyle\n=\n\"display: none;\"\n>\nDelftstack.com - The Best Tutorial Site\n<\/\np\n>\n<\ninput\nonclick\n=\n\"change()\"\ntype\n=\n\"button\"\nvalue\n=\n\"Display\"\nid\n=\n\"DemoButton\"\n> <\/\ninput\n>\n<\nscript\ntype\n=\n\"text\/javascript\"\n>\n$(\ndocument\n).ready(\nfunction\n() {\n$(\n\"#DemoButton\"\n).click(\nfunction\n() {\nif\n(\nthis\n.value\n==\n\"Display\"\n)\nthis\n.value\n=\n\"Hide\"\n;\nelse\nthis\n.value\n=\n\"Display\"\n;\n$(\n\"p\"\n).toggle(\n\"slow\"\n,\nfunction\n() {\nif\n($(\n\"p\"\n).is(\n\":visible\"\n)) {\nalert(\n\"The P element is visible.\"\n);\n}\nelse\n{\nalert(\n\"The p element is hidden.\"\n);\n}\n});\n});\n});\n<\/\nscript\n>\n<\/\nbody\n>\n<\/\nhtml\n>\nEl código anterior mostrará u ocultará el elemento de párrafo al hacer clic usando el método\n.is(\":visible\")\npara verificar. Ver salida:\n¿Disfrutas de nuestros tutoriales? Suscríbete a DelftStack en YouTube para apoyarnos en la creación de más guías en vídeo de alta calidad.\nSuscríbete","attrs_markdown":"[![logo](https:\/\/www.delftstack.com\/assets\/img\/logo.png)](https:\/\/www.delftstack.com\/es\/)\n\n- [Tutorial](https:\/\/www.delftstack.com\/es\/tutorial\/)\n- [How-To](https:\/\/www.delftstack.com\/es\/howto\/)\n- [Referencia](https:\/\/www.delftstack.com\/es\/api\/)\n- [es](https:\/\/www.delftstack.com\/es\/howto\/jquery\/is-visible-jquery\/)\n  - [DE](https:\/\/www.delftstack.com\/de\/howto\/jquery\/is-visible-jquery\/)\n  - [EN](https:\/\/www.delftstack.com\/howto\/jquery\/is-visible-jquery\/)\n  - [FR](https:\/\/www.delftstack.com\/fr\/howto\/jquery\/is-visible-jquery\/)\n  - [JA](https:\/\/www.delftstack.com\/ja\/howto\/jquery\/is-visible-jquery\/)\n  - [KO](https:\/\/www.delftstack.com\/ko\/howto\/jquery\/is-visible-jquery\/)\n  - [ZH](https:\/\/www.delftstack.com\/zh\/howto\/jquery\/is-visible-jquery\/)\n  - [ZH-TW](https:\/\/www.delftstack.com\/zh-tw\/howto\/jquery\/is-visible-jquery\/)\n\n[Tutorial](https:\/\/www.delftstack.com\/es\/tutorial\/)\n\n[Python 3 Basic](https:\/\/www.delftstack.com\/es\/tutorial\/python-3-basic-tutorial\/) [Tkinter](https:\/\/www.delftstack.com\/es\/tutorial\/tkinter-tutorial\/) [Python Modules](https:\/\/www.delftstack.com\/es\/tutorial\/python-modules-tutorial\/) [JavaScript](https:\/\/www.delftstack.com\/es\/tutorial\/javascript\/)[Python Numpy](https:\/\/www.delftstack.com\/es\/tutorial\/python-numpy\/)[Git](https:\/\/www.delftstack.com\/es\/tutorial\/git\/)[Matplotlib](https:\/\/www.delftstack.com\/es\/tutorial\/matplotlib\/)[PyQt5](https:\/\/www.delftstack.com\/es\/tutorial\/pyqt5\/)[Data Structure](https:\/\/www.delftstack.com\/es\/tutorial\/data-structure\/)[Algorithm](https:\/\/www.delftstack.com\/es\/tutorial\/algorithm\/)\n\n[HowTo](https:\/\/www.delftstack.com\/es\/howto\/)\n\n[Python Scipy](https:\/\/www.delftstack.com\/es\/howto\/python-scipy\/)[Python Pygame](https:\/\/www.delftstack.com\/es\/howto\/python-pygame\/)[Python](https:\/\/www.delftstack.com\/es\/howto\/python\/)[Python Tkinter](https:\/\/www.delftstack.com\/es\/howto\/python-tkinter\/)[Batch](https:\/\/www.delftstack.com\/es\/howto\/batch\/)[PowerShell](https:\/\/www.delftstack.com\/es\/howto\/powershell\/)[Python Pandas](https:\/\/www.delftstack.com\/es\/howto\/python-pandas\/)[Numpy](https:\/\/www.delftstack.com\/es\/howto\/numpy\/)[Python Flask](https:\/\/www.delftstack.com\/es\/howto\/python-flask\/)[Django](https:\/\/www.delftstack.com\/es\/howto\/django\/)[Matplotlib](https:\/\/www.delftstack.com\/es\/howto\/matplotlib\/)[Docker](https:\/\/www.delftstack.com\/es\/howto\/docker\/)[Plotly](https:\/\/www.delftstack.com\/es\/howto\/plotly\/)[Seaborn](https:\/\/www.delftstack.com\/es\/howto\/seaborn\/)[Matlab](https:\/\/www.delftstack.com\/es\/howto\/matlab\/)[Linux](https:\/\/www.delftstack.com\/es\/howto\/linux\/)[Git](https:\/\/www.delftstack.com\/es\/howto\/git\/)[C](https:\/\/www.delftstack.com\/es\/howto\/c\/)[Cpp](https:\/\/www.delftstack.com\/es\/howto\/cpp\/)[HTML](https:\/\/www.delftstack.com\/es\/howto\/html\/)[JavaScript](https:\/\/www.delftstack.com\/es\/howto\/javascript\/)[jQuery](https:\/\/www.delftstack.com\/es\/howto\/jquery\/)[TensorFlow](https:\/\/www.delftstack.com\/es\/howto\/tensorflow\/)[TypeScript](https:\/\/www.delftstack.com\/es\/howto\/typescript\/)[Angular](https:\/\/www.delftstack.com\/es\/howto\/angular\/)[React](https:\/\/www.delftstack.com\/es\/howto\/react\/)[CSS](https:\/\/www.delftstack.com\/es\/howto\/css\/)[PHP](https:\/\/www.delftstack.com\/es\/howto\/php\/)[Java](https:\/\/www.delftstack.com\/es\/howto\/java\/)[Go](https:\/\/www.delftstack.com\/es\/howto\/go\/)[Kotlin](https:\/\/www.delftstack.com\/es\/howto\/kotlin\/)[Node.js](https:\/\/www.delftstack.com\/es\/howto\/node.js\/)[Csharp](https:\/\/www.delftstack.com\/es\/howto\/csharp\/)[Rust](https:\/\/www.delftstack.com\/es\/howto\/rust\/)[Ruby](https:\/\/www.delftstack.com\/es\/howto\/ruby\/)[Arduino](https:\/\/www.delftstack.com\/es\/howto\/arduino\/)[MySQL](https:\/\/www.delftstack.com\/es\/howto\/mysql\/)[MongoDB](https:\/\/www.delftstack.com\/es\/howto\/mongodb\/)[Postgres](https:\/\/www.delftstack.com\/es\/howto\/postgres\/)[SQLite](https:\/\/www.delftstack.com\/es\/howto\/sqlite\/)[R](https:\/\/www.delftstack.com\/es\/howto\/r\/)[VBA](https:\/\/www.delftstack.com\/es\/howto\/vba\/)[Scala](https:\/\/www.delftstack.com\/es\/howto\/scala\/)[Raspberry Pi](https:\/\/www.delftstack.com\/es\/howto\/raspberry-pi\/)\n\n[Referencia](https:\/\/www.delftstack.com\/es\/api\/)\n\n[Python Pandas](https:\/\/www.delftstack.com\/es\/api\/python-pandas\/)[Numpy](https:\/\/www.delftstack.com\/es\/api\/numpy\/)[Scipy](https:\/\/www.delftstack.com\/es\/api\/scipy\/)\n\n# is(:visible) en jQuery\n[Sheeraz Gul](https:\/\/www.delftstack.com\/es\/howto\/jquery\/is-visible-jquery\/#author) 15 febrero 2024  [jQuery](https:\/\/www.delftstack.com\/es\/tags\/jquery\/) [jQuery Selector](https:\/\/www.delftstack.com\/es\/tags\/jquery-selector\/)\n\n![is(:visible) en jQuery](https:\/\/www.delftstack.com\/img\/jQuery\/ag-feature-image---is-visible-jquery.webp)\n\nEl selector `:visible` se usa para verificar si un elemento en el documento HTML es visible o no, y `is()` es un método integrado de jQuery. Este tutorial demuestra cómo usar el selector `.is(\":visible\")` en jQuery.\n\n## Use el selector `.is(\":visible\")` en jQuery\nA veces, se requiere comprobar si un elemento de la página está visible o no; para este propósito, se utiliza un selector integrado `.is(\":visible\")` de jquery. La sintaxis contiene un método `is()` y un selector `:visible`.\n\nEl método y el selector juntos verificarán si un elemento está visible en la página o no. La sintaxis de este método es:\n```\n$(element).is(\":visible\");\n```\nDonde `:visible` es un selector de CSS que le dice al usuario que seleccione los elementos visibles en la página. El valor de retorno de este método es si un elemento es visible o no.\n\nEl método `is()` es de jQuery para verificar el conjunto específico de elementos contra el selector que se le pasó, y no creará un nuevo objeto que verificará el mismo objeto sin modificaciones.\n\nProbemos un ejemplo simple que nos alertará si el elemento dado está visible o no:\n```\n<!doctype html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>jQuery is visible method <\/title>\n    <script src=\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"\"> <\/script>\n    <style>\n    #delftstack  {\n    display: block;\n    }\n    <\/style>\n    <script>\n    $(document).ready(function() {\n        \/\/ Check whether the delftstack h1 is visible\n        if($(\"h1\").is(\":visible\")) {\n            alert(\"The h1 element with delftstack is visible.\");\n        }\n        else {\n            alert(\"The h1 element with delftstack is not visible.\");\n        }\n    });\n    <\/script>\n<\/head>\n<body>\n    <h1 id = \"delftstack\">Hello, This is delftstack.com<\/h1>\n<\/body>\n<\/html>\n```\nLa visualización de `h1` se establece en `block`, por lo que el elemento es visible en el documento. Ver la salida:\n\n![es visible salida jQuery 1](https:\/\/www.delftstack.com\/img\/jQuery\/is-visible-jquery-output-1.webp)\n\nDel mismo modo, si la visualización se establece en `none`, el elemento no será visible en el documento. Ver ejemplo:\n```\n<!doctype html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>jQuery is visible method <\/title>\n    <script src=\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"\"> <\/script>\n    <style>\n    #delftstack  {\n    display: none;\n    }\n    <\/style>\n    <script>\n    $(document).ready(function() {\n        \/\/ Check whether the delftstack h1 is visible\n        if($(\"h1\").is(\":visible\")) {\n            alert(\"The h1 element with delftstack is visible.\");\n        }\n        else {\n            alert(\"The h1 element with delftstack is not visible.\");\n        }\n    });\n    <\/script>\n<\/head>\n<body>\n    <h1 id = \"delftstack\">Hello, This is delftstack.com<\/h1>\n<\/body>\n<\/html>\n```\nLa salida para este código es:\n\n![No es visible](https:\/\/www.delftstack.com\/img\/jQuery\/is-not-visible.webp)\n\nTambién podemos usar el método `.is(\":visible\")` con el fin de ocultar y mostrar un elemento. Probemos un ejemplo:\n```\n<!DOCTYPE html>\n<html>\n<head>\n    <title>\n        is visible jQuery\n    <\/title>\n\n    <script src=\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"><\/script>\n<\/head>\n\n<body style=\"text-align:center;\">\n\n    <h1 style = \"color:blue;\" > DELFTSTACK <\/h1>\n\n    <h3>\n        Is Visible JQuery\n    <\/h3>\n\n    <p style=\"display: none;\">\n        Delftstack.com - The Best Tutorial Site\n    <\/p>\n\n    <input onclick=\"change()\" type=\"button\" value=\"Display\" id=\"DemoButton\"> <\/input>\n\n    <script type=\"text\/javascript\">\n        $(document).ready(function() {\n            $(\"#DemoButton\").click(function() {\n                if (this.value == \"Display\")\n                    this.value = \"Hide\";\n                else this.value = \"Display\";\n\n                $(\"p\").toggle(\"slow\", function() {\n                    if($(\"p\").is(\":visible\")) {\n                         alert(\"The P element is visible.\");\n                    }\n                    else {\n                        alert(\"The p element is hidden.\");\n                    }\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n```\nEl código anterior mostrará u ocultará el elemento de párrafo al hacer clic usando el método `.is(\":visible\")` para verificar. Ver salida:\n\n![es visible salida jQuery 2](https:\/\/www.delftstack.com\/img\/jQuery\/is-visible-jquery-output-2.webp)\n\n¿Disfrutas de nuestros tutoriales? Suscríbete a DelftStack en YouTube para apoyarnos en la creación de más guías en vídeo de alta calidad. [Suscríbete](https:\/\/www.youtube.com\/@delftstack\/?sub_confirmation=1)\n\nAutor: [**Sheeraz Gul**](https:\/\/www.delftstack.com\/es\/author\/sheeraz-gul\/)\n\n[![Sheeraz Gul avatar](https:\/\/www.delftstack.com\/img\/authors\/Sheeraz-Gul.webp)](https:\/\/www.delftstack.com\/es\/author\/sheeraz-gul\/) [![Sheeraz Gul avatar](https:\/\/www.delftstack.com\/img\/authors\/Sheeraz-Gul.webp)](https:\/\/www.delftstack.com\/es\/author\/sheeraz-gul\/)\n\nSheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.\n\n[LinkedIn](https:\/\/www.linkedin.com\/in\/sheeraz-abro-103797101\/) [Facebook](https:\/\/www.facebook.com\/sheeraz.abro\/)\n## [Artículo relacionado - jQuery Selector](https:\/\/www.delftstack.com\/es\/tags\/jquery-selector\/)\n- [Selector de consultas jQuery](https:\/\/www.delftstack.com\/es\/howto\/jquery\/jquery-queryselector\/ \"Selector de consultas jQuery\")\n- [Selectores jQuery](https:\/\/www.delftstack.com\/es\/howto\/jquery\/jquery-selectors\/ \"Selectores jQuery\")\n- [Selectores múltiples de jQuery](https:\/\/www.delftstack.com\/es\/howto\/jquery\/jquery-multiple-selectors\/ \"Selectores múltiples de jQuery\")\n- [Selector de ID de jQuery](https:\/\/www.delftstack.com\/es\/howto\/jquery\/jquery-selector-id\/ \"Selector de ID de jQuery\")\n\nCopyright © 2025. All right reserved\n\n- [Acerca de nosotros](https:\/\/www.delftstack.com\/es\/about-us\/)\n- [Política de privacidad](https:\/\/www.delftstack.com\/es\/privacy-policy\/)\n- [Contacto](https:\/\/www.delftstack.com\/es\/contact\/)","attrs_readable_markdown":"![is(:visible) en jQuery](https:\/\/www.delftstack.com\/img\/jQuery\/ag-feature-image---is-visible-jquery.webp)\n\nEl selector `:visible` se usa para verificar si un elemento en el documento HTML es visible o no, y `is()` es un método integrado de jQuery. Este tutorial demuestra cómo usar el selector `.is(\":visible\")` en jQuery.\n\n## Use el selector `.is(\":visible\")` en jQuery\nA veces, se requiere comprobar si un elemento de la página está visible o no; para este propósito, se utiliza un selector integrado `.is(\":visible\")` de jquery. La sintaxis contiene un método `is()` y un selector `:visible`.\n\nEl método y el selector juntos verificarán si un elemento está visible en la página o no. La sintaxis de este método es:\n```\n$(element).is(\":visible\");\n```\nDonde `:visible` es un selector de CSS que le dice al usuario que seleccione los elementos visibles en la página. El valor de retorno de este método es si un elemento es visible o no.\n\nEl método `is()` es de jQuery para verificar el conjunto específico de elementos contra el selector que se le pasó, y no creará un nuevo objeto que verificará el mismo objeto sin modificaciones.\n\nProbemos un ejemplo simple que nos alertará si el elemento dado está visible o no:\n```\n<!doctype html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>jQuery is visible method <\/title>\n    <script src=\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"\"> <\/script>\n    <style>\n    #delftstack  {\n    display: block;\n    }\n    <\/style>\n    <script>\n    $(document).ready(function() {\n        \/\/ Check whether the delftstack h1 is visible\n        if($(\"h1\").is(\":visible\")) {\n            alert(\"The h1 element with delftstack is visible.\");\n        }\n        else {\n            alert(\"The h1 element with delftstack is not visible.\");\n        }\n    });\n    <\/script>\n<\/head>\n<body>\n    <h1 id = \"delftstack\">Hello, This is delftstack.com<\/h1>\n<\/body>\n<\/html>\n```\nLa visualización de `h1` se establece en `block`, por lo que el elemento es visible en el documento. Ver la salida:\n\n![es visible salida jQuery 1](https:\/\/www.delftstack.com\/img\/jQuery\/is-visible-jquery-output-1.webp)\n\nDel mismo modo, si la visualización se establece en `none`, el elemento no será visible en el documento. Ver ejemplo:\n```\n<!doctype html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>jQuery is visible method <\/title>\n    <script src=\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"\"> <\/script>\n    <style>\n    #delftstack  {\n    display: none;\n    }\n    <\/style>\n    <script>\n    $(document).ready(function() {\n        \/\/ Check whether the delftstack h1 is visible\n        if($(\"h1\").is(\":visible\")) {\n            alert(\"The h1 element with delftstack is visible.\");\n        }\n        else {\n            alert(\"The h1 element with delftstack is not visible.\");\n        }\n    });\n    <\/script>\n<\/head>\n<body>\n    <h1 id = \"delftstack\">Hello, This is delftstack.com<\/h1>\n<\/body>\n<\/html>\n```\nLa salida para este código es:\n\n![No es visible](https:\/\/www.delftstack.com\/img\/jQuery\/is-not-visible.webp)\n\nTambién podemos usar el método `.is(\":visible\")` con el fin de ocultar y mostrar un elemento. Probemos un ejemplo:\n```\n<!DOCTYPE html>\n<html>\n<head>\n    <title>\n        is visible jQuery\n    <\/title>\n\n    <script src=\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"><\/script>\n<\/head>\n\n<body style=\"text-align:center;\">\n\n    <h1 style = \"color:blue;\" > DELFTSTACK <\/h1>\n\n    <h3>\n        Is Visible JQuery\n    <\/h3>\n\n    <p style=\"display: none;\">\n        Delftstack.com - The Best Tutorial Site\n    <\/p>\n\n    <input onclick=\"change()\" type=\"button\" value=\"Display\" id=\"DemoButton\"> <\/input>\n\n    <script type=\"text\/javascript\">\n        $(document).ready(function() {\n            $(\"#DemoButton\").click(function() {\n                if (this.value == \"Display\")\n                    this.value = \"Hide\";\n                else this.value = \"Display\";\n\n                $(\"p\").toggle(\"slow\", function() {\n                    if($(\"p\").is(\":visible\")) {\n                         alert(\"The P element is visible.\");\n                    }\n                    else {\n                        alert(\"The p element is hidden.\");\n                    }\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n```\nEl código anterior mostrará u ocultará el elemento de párrafo al hacer clic usando el método `.is(\":visible\")` para verificar. Ver salida:\n\n![es visible salida jQuery 2](https:\/\/www.delftstack.com\/img\/jQuery\/is-visible-jquery-output-2.webp)\n\n¿Disfrutas de nuestros tutoriales? Suscríbete a DelftStack en YouTube para apoyarnos en la creación de más guías en vídeo de alta calidad. [Suscríbete](https:\/\/www.youtube.com\/@delftstack\/?sub_confirmation=1)","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

3 days 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.1 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.delftstack.com/es/howto/jquery/is-visible-jquery/
Last Crawled	2026-04-08 09:20:49 (3 days ago)
First Indexed	2022-06-23 19:22:58 (3 years ago)
HTTP Status Code	200
Meta Title	is(:visible) en jQuery \| Delft Stack
Meta Description	Este tutorial demuestra cómo usar is(:visible) en jQuery.
Meta Canonical	null
Boilerpipe Text	El selector :visible se usa para verificar si un elemento en el documento HTML es visible o no, y is() es un método integrado de jQuery. Este tutorial demuestra cómo usar el selector .is(":visible") en jQuery. Use el selector .is(":visible") en jQuery A veces, se requiere comprobar si un elemento de la página está visible o no; para este propósito, se utiliza un selector integrado .is(":visible") de jquery. La sintaxis contiene un método is() y un selector :visible . El método y el selector juntos verificarán si un elemento está visible en la página o no. La sintaxis de este método es: $(element).is(":visible"); Donde :visible es un selector de CSS que le dice al usuario que seleccione los elementos visibles en la página. El valor de retorno de este método es si un elemento es visible o no. El método is() es de jQuery para verificar el conjunto específico de elementos contra el selector que se le pasó, y no creará un nuevo objeto que verificará el mismo objeto sin modificaciones. Probemos un ejemplo simple que nos alertará si el elemento dado está visible o no: <!doctype html> < html lang = "en" > < head > < meta charset = "utf-8" > < title >jQuery is visible method </ title > < script src = "https://code.jquery.com/jquery-1.12.4.min.js" " > </ script > < style > # delftstack { display : block ; } </ style > < script > $( document ).ready( function () { // Check whether the delftstack h1 is visible if ($( "h1" ).is( ":visible" )) { alert( "The h1 element with delftstack is visible." ); } else { alert( "The h1 element with delftstack is not visible." ); } }); </ script > </ head > < body > < h1 id = "delftstack" >Hello, This is delftstack.com</ h1 > </ body > </ html > La visualización de h1 se establece en block , por lo que el elemento es visible en el documento. Ver la salida: Del mismo modo, si la visualización se establece en none , el elemento no será visible en el documento. Ver ejemplo: <!doctype html> < html lang = "en" > < head > < meta charset = "utf-8" > < title >jQuery is visible method </ title > < script src = "https://code.jquery.com/jquery-1.12.4.min.js" " > </ script > < style > # delftstack { display : none ; } </ style > < script > $( document ).ready( function () { // Check whether the delftstack h1 is visible if ($( "h1" ).is( ":visible" )) { alert( "The h1 element with delftstack is visible." ); } else { alert( "The h1 element with delftstack is not visible." ); } }); </ script > </ head > < body > < h1 id = "delftstack" >Hello, This is delftstack.com</ h1 > </ body > </ html > La salida para este código es: También podemos usar el método .is(":visible") con el fin de ocultar y mostrar un elemento. Probemos un ejemplo: <!DOCTYPE html> < html > < head > < title > is visible jQuery </ title > < script src = "https://code.jquery.com/jquery-1.12.4.min.js" ></ script > </ head > < body style = "text-align:center;" > < h1 style = "color:blue;" > DELFTSTACK </ h1 > < h3 > Is Visible JQuery </ h3 > < p style = "display: none;" > Delftstack.com - The Best Tutorial Site </ p > < input onclick = "change()" type = "button" value = "Display" id = "DemoButton" > </ input > < script type = "text/javascript" > $( document ).ready( function () { $( "#DemoButton" ).click( function () { if ( this .value == "Display" ) this .value = "Hide" ; else this .value = "Display" ; $( "p" ).toggle( "slow" , function () { if ($( "p" ).is( ":visible" )) { alert( "The P element is visible." ); } else { alert( "The p element is hidden." ); } }); }); }); </ script > </ body > </ html > El código anterior mostrará u ocultará el elemento de párrafo al hacer clic usando el método .is(":visible") para verificar. Ver salida: ¿Disfrutas de nuestros tutoriales? Suscríbete a DelftStack en YouTube para apoyarnos en la creación de más guías en vídeo de alta calidad. Suscríbete
Markdown	[![logo](https://www.delftstack.com/assets/img/logo.png)](https://www.delftstack.com/es/) - [Tutorial](https://www.delftstack.com/es/tutorial/) - [How-To](https://www.delftstack.com/es/howto/) - [Referencia](https://www.delftstack.com/es/api/) - [es](https://www.delftstack.com/es/howto/jquery/is-visible-jquery/) - [DE](https://www.delftstack.com/de/howto/jquery/is-visible-jquery/) - [EN](https://www.delftstack.com/howto/jquery/is-visible-jquery/) - [FR](https://www.delftstack.com/fr/howto/jquery/is-visible-jquery/) - [JA](https://www.delftstack.com/ja/howto/jquery/is-visible-jquery/) - [KO](https://www.delftstack.com/ko/howto/jquery/is-visible-jquery/) - [ZH](https://www.delftstack.com/zh/howto/jquery/is-visible-jquery/) - [ZH-TW](https://www.delftstack.com/zh-tw/howto/jquery/is-visible-jquery/) [Tutorial](https://www.delftstack.com/es/tutorial/) [Python 3 Basic](https://www.delftstack.com/es/tutorial/python-3-basic-tutorial/) [Tkinter](https://www.delftstack.com/es/tutorial/tkinter-tutorial/) [Python Modules](https://www.delftstack.com/es/tutorial/python-modules-tutorial/) [JavaScript](https://www.delftstack.com/es/tutorial/javascript/)[Python Numpy](https://www.delftstack.com/es/tutorial/python-numpy/)[Git](https://www.delftstack.com/es/tutorial/git/)[Matplotlib](https://www.delftstack.com/es/tutorial/matplotlib/)[PyQt5](https://www.delftstack.com/es/tutorial/pyqt5/)[Data Structure](https://www.delftstack.com/es/tutorial/data-structure/)[Algorithm](https://www.delftstack.com/es/tutorial/algorithm/) [HowTo](https://www.delftstack.com/es/howto/) [Python Scipy](https://www.delftstack.com/es/howto/python-scipy/)[Python Pygame](https://www.delftstack.com/es/howto/python-pygame/)[Python](https://www.delftstack.com/es/howto/python/)[Python Tkinter](https://www.delftstack.com/es/howto/python-tkinter/)[Batch](https://www.delftstack.com/es/howto/batch/)[PowerShell](https://www.delftstack.com/es/howto/powershell/)[Python Pandas](https://www.delftstack.com/es/howto/python-pandas/)[Numpy](https://www.delftstack.com/es/howto/numpy/)[Python Flask](https://www.delftstack.com/es/howto/python-flask/)[Django](https://www.delftstack.com/es/howto/django/)[Matplotlib](https://www.delftstack.com/es/howto/matplotlib/)[Docker](https://www.delftstack.com/es/howto/docker/)[Plotly](https://www.delftstack.com/es/howto/plotly/)[Seaborn](https://www.delftstack.com/es/howto/seaborn/)[Matlab](https://www.delftstack.com/es/howto/matlab/)[Linux](https://www.delftstack.com/es/howto/linux/)[Git](https://www.delftstack.com/es/howto/git/)[C](https://www.delftstack.com/es/howto/c/)[Cpp](https://www.delftstack.com/es/howto/cpp/)[HTML](https://www.delftstack.com/es/howto/html/)[JavaScript](https://www.delftstack.com/es/howto/javascript/)[jQuery](https://www.delftstack.com/es/howto/jquery/)[TensorFlow](https://www.delftstack.com/es/howto/tensorflow/)[TypeScript](https://www.delftstack.com/es/howto/typescript/)[Angular](https://www.delftstack.com/es/howto/angular/)[React](https://www.delftstack.com/es/howto/react/)[CSS](https://www.delftstack.com/es/howto/css/)[PHP](https://www.delftstack.com/es/howto/php/)[Java](https://www.delftstack.com/es/howto/java/)[Go](https://www.delftstack.com/es/howto/go/)[Kotlin](https://www.delftstack.com/es/howto/kotlin/)[Node.js](https://www.delftstack.com/es/howto/node.js/)[Csharp](https://www.delftstack.com/es/howto/csharp/)[Rust](https://www.delftstack.com/es/howto/rust/)[Ruby](https://www.delftstack.com/es/howto/ruby/)[Arduino](https://www.delftstack.com/es/howto/arduino/)[MySQL](https://www.delftstack.com/es/howto/mysql/)[MongoDB](https://www.delftstack.com/es/howto/mongodb/)[Postgres](https://www.delftstack.com/es/howto/postgres/)[SQLite](https://www.delftstack.com/es/howto/sqlite/)[R](https://www.delftstack.com/es/howto/r/)[VBA](https://www.delftstack.com/es/howto/vba/)[Scala](https://www.delftstack.com/es/howto/scala/)[Raspberry Pi](https://www.delftstack.com/es/howto/raspberry-pi/) [Referencia](https://www.delftstack.com/es/api/) [Python Pandas](https://www.delftstack.com/es/api/python-pandas/)[Numpy](https://www.delftstack.com/es/api/numpy/)[Scipy](https://www.delftstack.com/es/api/scipy/) # is(:visible) en jQuery [Sheeraz Gul](https://www.delftstack.com/es/howto/jquery/is-visible-jquery/#author) 15 febrero 2024 [jQuery](https://www.delftstack.com/es/tags/jquery/) [jQuery Selector](https://www.delftstack.com/es/tags/jquery-selector/) ![is(:visible) en jQuery](https://www.delftstack.com/img/jQuery/ag-feature-image---is-visible-jquery.webp) El selector `:visible` se usa para verificar si un elemento en el documento HTML es visible o no, y `is()` es un método integrado de jQuery. Este tutorial demuestra cómo usar el selector `.is(":visible")` en jQuery. ## Use el selector `.is(":visible")` en jQuery A veces, se requiere comprobar si un elemento de la página está visible o no; para este propósito, se utiliza un selector integrado `.is(":visible")` de jquery. La sintaxis contiene un método `is()` y un selector `:visible`. El método y el selector juntos verificarán si un elemento está visible en la página o no. La sintaxis de este método es: ``` $(element).is(":visible"); ``` Donde `:visible` es un selector de CSS que le dice al usuario que seleccione los elementos visibles en la página. El valor de retorno de este método es si un elemento es visible o no. El método `is()` es de jQuery para verificar el conjunto específico de elementos contra el selector que se le pasó, y no creará un nuevo objeto que verificará el mismo objeto sin modificaciones. Probemos un ejemplo simple que nos alertará si el elemento dado está visible o no: ``` <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery is visible method </title> <script src="https://code.jquery.com/jquery-1.12.4.min.js""> </script> <style> #delftstack { display: block; } </style> <script> $(document).ready(function() { // Check whether the delftstack h1 is visible if($("h1").is(":visible")) { alert("The h1 element with delftstack is visible."); } else { alert("The h1 element with delftstack is not visible."); } }); </script> </head> <body> <h1 id = "delftstack">Hello, This is delftstack.com</h1> </body> </html> ``` La visualización de `h1` se establece en `block`, por lo que el elemento es visible en el documento. Ver la salida: ![es visible salida jQuery 1](https://www.delftstack.com/img/jQuery/is-visible-jquery-output-1.webp) Del mismo modo, si la visualización se establece en `none`, el elemento no será visible en el documento. Ver ejemplo: ``` <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery is visible method </title> <script src="https://code.jquery.com/jquery-1.12.4.min.js""> </script> <style> #delftstack { display: none; } </style> <script> $(document).ready(function() { // Check whether the delftstack h1 is visible if($("h1").is(":visible")) { alert("The h1 element with delftstack is visible."); } else { alert("The h1 element with delftstack is not visible."); } }); </script> </head> <body> <h1 id = "delftstack">Hello, This is delftstack.com</h1> </body> </html> ``` La salida para este código es: ![No es visible](https://www.delftstack.com/img/jQuery/is-not-visible.webp) También podemos usar el método `.is(":visible")` con el fin de ocultar y mostrar un elemento. Probemos un ejemplo: ``` <!DOCTYPE html> <html> <head> <title> is visible jQuery </title> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> </head> <body style="text-align:center;"> <h1 style = "color:blue;" > DELFTSTACK </h1> <h3> Is Visible JQuery </h3> <p style="display: none;"> Delftstack.com - The Best Tutorial Site </p> <input onclick="change()" type="button" value="Display" id="DemoButton"> </input> <script type="text/javascript"> $(document).ready(function() { $("#DemoButton").click(function() { if (this.value == "Display") this.value = "Hide"; else this.value = "Display"; $("p").toggle("slow", function() { if($("p").is(":visible")) { alert("The P element is visible."); } else { alert("The p element is hidden."); } }); }); }); </script> </body> </html> ``` El código anterior mostrará u ocultará el elemento de párrafo al hacer clic usando el método `.is(":visible")` para verificar. Ver salida: ![es visible salida jQuery 2](https://www.delftstack.com/img/jQuery/is-visible-jquery-output-2.webp) ¿Disfrutas de nuestros tutoriales? Suscríbete a DelftStack en YouTube para apoyarnos en la creación de más guías en vídeo de alta calidad. [Suscríbete](https://www.youtube.com/@delftstack/?sub_confirmation=1) Autor: [Sheeraz Gul](https://www.delftstack.com/es/author/sheeraz-gul/) [![Sheeraz Gul avatar](https://www.delftstack.com/img/authors/Sheeraz-Gul.webp)](https://www.delftstack.com/es/author/sheeraz-gul/) [![Sheeraz Gul avatar](https://www.delftstack.com/img/authors/Sheeraz-Gul.webp)](https://www.delftstack.com/es/author/sheeraz-gul/) Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science. [LinkedIn](https://www.linkedin.com/in/sheeraz-abro-103797101/) [Facebook](https://www.facebook.com/sheeraz.abro/) ## [Artículo relacionado - jQuery Selector](https://www.delftstack.com/es/tags/jquery-selector/) - [Selector de consultas jQuery](https://www.delftstack.com/es/howto/jquery/jquery-queryselector/ "Selector de consultas jQuery") - [Selectores jQuery](https://www.delftstack.com/es/howto/jquery/jquery-selectors/ "Selectores jQuery") - [Selectores múltiples de jQuery](https://www.delftstack.com/es/howto/jquery/jquery-multiple-selectors/ "Selectores múltiples de jQuery") - [Selector de ID de jQuery](https://www.delftstack.com/es/howto/jquery/jquery-selector-id/ "Selector de ID de jQuery") Copyright © 2025. All right reserved - [Acerca de nosotros](https://www.delftstack.com/es/about-us/) - [Política de privacidad](https://www.delftstack.com/es/privacy-policy/) - [Contacto](https://www.delftstack.com/es/contact/)
Readable Markdown	![is(:visible) en jQuery](https://www.delftstack.com/img/jQuery/ag-feature-image---is-visible-jquery.webp) El selector `:visible` se usa para verificar si un elemento en el documento HTML es visible o no, y `is()` es un método integrado de jQuery. Este tutorial demuestra cómo usar el selector `.is(":visible")` en jQuery. ## Use el selector `.is(":visible")` en jQuery A veces, se requiere comprobar si un elemento de la página está visible o no; para este propósito, se utiliza un selector integrado `.is(":visible")` de jquery. La sintaxis contiene un método `is()` y un selector `:visible`. El método y el selector juntos verificarán si un elemento está visible en la página o no. La sintaxis de este método es: ``` $(element).is(":visible"); ``` Donde `:visible` es un selector de CSS que le dice al usuario que seleccione los elementos visibles en la página. El valor de retorno de este método es si un elemento es visible o no. El método `is()` es de jQuery para verificar el conjunto específico de elementos contra el selector que se le pasó, y no creará un nuevo objeto que verificará el mismo objeto sin modificaciones. Probemos un ejemplo simple que nos alertará si el elemento dado está visible o no: ``` <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery is visible method </title> <script src="https://code.jquery.com/jquery-1.12.4.min.js""> </script> <style> #delftstack { display: block; } </style> <script> $(document).ready(function() { // Check whether the delftstack h1 is visible if($("h1").is(":visible")) { alert("The h1 element with delftstack is visible."); } else { alert("The h1 element with delftstack is not visible."); } }); </script> </head> <body> <h1 id = "delftstack">Hello, This is delftstack.com</h1> </body> </html> ``` La visualización de `h1` se establece en `block`, por lo que el elemento es visible en el documento. Ver la salida: ![es visible salida jQuery 1](https://www.delftstack.com/img/jQuery/is-visible-jquery-output-1.webp) Del mismo modo, si la visualización se establece en `none`, el elemento no será visible en el documento. Ver ejemplo: ``` <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery is visible method </title> <script src="https://code.jquery.com/jquery-1.12.4.min.js""> </script> <style> #delftstack { display: none; } </style> <script> $(document).ready(function() { // Check whether the delftstack h1 is visible if($("h1").is(":visible")) { alert("The h1 element with delftstack is visible."); } else { alert("The h1 element with delftstack is not visible."); } }); </script> </head> <body> <h1 id = "delftstack">Hello, This is delftstack.com</h1> </body> </html> ``` La salida para este código es: ![No es visible](https://www.delftstack.com/img/jQuery/is-not-visible.webp) También podemos usar el método `.is(":visible")` con el fin de ocultar y mostrar un elemento. Probemos un ejemplo: ``` <!DOCTYPE html> <html> <head> <title> is visible jQuery </title> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> </head> <body style="text-align:center;"> <h1 style = "color:blue;" > DELFTSTACK </h1> <h3> Is Visible JQuery </h3> <p style="display: none;"> Delftstack.com - The Best Tutorial Site </p> <input onclick="change()" type="button" value="Display" id="DemoButton"> </input> <script type="text/javascript"> $(document).ready(function() { $("#DemoButton").click(function() { if (this.value == "Display") this.value = "Hide"; else this.value = "Display"; $("p").toggle("slow", function() { if($("p").is(":visible")) { alert("The P element is visible."); } else { alert("The p element is hidden."); } }); }); }); </script> </body> </html> ``` El código anterior mostrará u ocultará el elemento de párrafo al hacer clic usando el método `.is(":visible")` para verificar. Ver salida: ![es visible salida jQuery 2](https://www.delftstack.com/img/jQuery/is-visible-jquery-output-2.webp) ¿Disfrutas de nuestros tutoriales? Suscríbete a DelftStack en YouTube para apoyarnos en la creación de más guías en vídeo de alta calidad. [Suscríbete](https://www.youtube.com/@delftstack/?sub_confirmation=1)
Shard	63 (laksa)
Root Hash	2049407205336873863
Unparsed URL	com,delftstack!www,/es/howto/jquery/is-visible-jquery/ s443