Ищем видимые элементы, используя jQuery

В CSS такого селектора нет, в вот jQuery предоставляет.

Впрочем, нужно понимать, какие объекты jQuery считает видимыми, а какие наоборот -невидимыми. К примеру, видимым будет считаться и объект с visiblity: hidden и объект с opacity: 0. Они хоть и не видны, но могут занимать видимое пространство в документе.

Невидимый, с точки зрения библиотеки, объект должен обладать свойством display: none;. Такой элемент не отображается и не занимает места в разметке страницы.

Вот так можно, к примеру, перебрать все видимые картинки:

Логично, что существует и обратный селектор, т.е. селектор для невидимых элементов — :hidden

Мало букафф? Читайте есчо !

Создаём ripple эффект

Апрель 29, 2017 г.

Ripple эффект - это анимация, визуально напоминающая расходящийся круг. Иногда накладывают несколько эффектов сразу и это выглядит как расходящиеся круги ...

Читать

Как определить из скрипта, что fancybox popup уже открыт?

Декабрь 13, 2018 г.

Если пользуетесь jQuery плагином fancybox, то могли сталкиваться с тем, что необходимо увязать логику каких то других скриптов с фактом, показан ли попап ...

Читать

Перебор атрибутов HTML элемента в javascript

Февраль 17, 2016 г.

За использованием библиотеки jQuery как то забываешь о базовых свойствах и методах DOM  в javascript. Как получить весь набор аттрибутов HTML элемента? Получим ссылку на элемент HTML документа каким либо образом: [crayon-69db371896bfa922338482/] ...

Читать

jQuery плагин для ввода диапазона значений

Февраль 22, 2017 г.

Подбирал плагин, реализующий компонент для выбора диапазона чисел. Перебрал не мало "добра", были и некоторые довольно свежие плагины, но остановил свой ...

Читать
 

Комментарии к «Ищем видимые элементы, используя jQuery»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: