âšī¸ Skipped - page is already crawled
| Filter | Status | Condition | Details |
|---|---|---|---|
| HTTP status | PASS | download_http_code = 200 | HTTP 200 |
| Age cutoff | PASS | download_stamp > now() - 6 MONTH | 3.6 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 |
| Property | Value |
|---|---|
| URL | https://demos.jquerymobile.com/1.0a1/experiments/api-viewer/docs/visible-selector/index.html |
| Last Crawled | 2025-12-21 02:51:57 (3 months ago) |
| First Indexed | 2019-06-24 05:02:18 (6 years ago) |
| HTTP Status Code | 200 |
| Meta Title | null |
| Meta Description | null |
| Meta Canonical | null |
| Boilerpipe Text | version added: 1.0 jQuery(':visible') Description: Selects all elements that are visible. Elements can be considered hidden for several reasons: They have a display value of none. They are form elements with type="hidden". Their width and height are explicitly set to 0. An ancestor element is hidden, so the element is not shown on the page. How :visible is calculated was changed in jQuery 1.3.2. The release notes outline the changes in more detail. Example: Make all visible divs turn yellow on click. <!DOCTYPE html>
<html>
<head>
<style>
div { width:50px; height:40px; margin:5px; border:3px outset green; float:left; }
.starthidden { display:none; }
</style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>Show hidden to see they don't change</button>
<div></div>
<div class="starthidden"></div>
<div></div>
<div></div>
<div style="display:none;"></div>
<script>
$("div:visible").click(function () {
$(this).css("background", "yellow");
});
$("button").click(function () {
$("div:hidden").show("fast");
});
</script>
</body>
</html> Demo: |
| Markdown | # :visible Selector
## visible selector
#### version added: [1\.0](https://demos.jquerymobile.com/version/1.0/)jQuery(':visible')
**Description:** Selects all elements that are visible.
Elements can be considered hidden for several reasons:
- They have a display value of none.
- They are form elements with type="hidden".
- Their width and height are explicitly set to 0.
- An ancestor element is hidden, so the element is not shown on the page.
How `:visible` is calculated was changed in jQuery 1.3.2. The [release notes](https://docs.jquery.com/Release:jQuery_1.3.2#:visible.2F:hidden_Overhauled) outline the changes in more detail.
### Example:
#### Make all visible divs turn yellow on click.
```
<!DOCTYPE html>
<html>
<head>
<style>
div { width:50px; height:40px; margin:5px; border:3px outset green; float:left; }
.starthidden { display:none; }
</style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>Show hidden to see they don't change</button>
<div></div>
<div class="starthidden"></div>
<div></div>
<div></div>
<div style="display:none;"></div>
<script>
$("div:visible").click(function () {
$(this).css("background", "yellow");
});
$("button").click(function () {
$("div:hidden").show("fast");
});
</script>
</body>
</html>
```
#### Demo: |
| Readable Markdown | null |
| Shard | 45 (laksa) |
| Root Hash | 8012640143285163245 |
| Unparsed URL | com,jquerymobile!demos,/1.0a1/experiments/api-viewer/docs/visible-selector/index.html s443 |