В CSS такого селектора нет, в вот jQuery предоставляет.
Впрочем, нужно понимать, какие объекты jQuery считает видимыми, а какие наоборот -невидимыми. К примеру, видимым будет считаться и объект с visiblity: hidden и объект с opacity: 0. Они хоть и не видны, но могут занимать видимое пространство в документе.
Невидимый, с точки зрения библиотеки, объект должен обладать свойством display: none;. Такой элемент не отображается и не занимает места в разметке страницы.
Вот так можно, к примеру, перебрать все видимые картинки:
|
1 2 3 4 5 |
$('img:visible').each(function (index) { //что то сделать с каждой картиной //наример сделать их круглыми :) $(this).css({borderRadius: '50%'}); }); |
Логично, что существует и обратный селектор, т.е. селектор для невидимых элементов — :hidden
|
1 |
$('img:hidden')... |