Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31


Чувашия-это моя Россия


Ссылки на плагины jQuery :visible.

Определение и использование. Видимый селектор :visible выбирает каждый элемент, которого видно.

Элементы на страницах сайта считаются видимыми, если они занимают место в документе. Видимые элементы имеют ширину( width) или высоту( height), которые больше нуля.

Элементы с visibility:hidden или opacity:0 считаются видимыми, поскольку они по-прежнему занимают места в макете.

Элементы, которые не являются видимыми, в документе рассматриваются как скрытые элементы. В плагинах jQuery нет способа узнать видимость элементов, когда элементы добавляются в документ, поскольку они зависят от применимых каскадных таблиц стилей CSS.

Все элементы рассматриваются как скрытые, независимо от выбранного состояния.

Во время анимации элемент скрытый, считается видимым до завершения выполнения всей процедуры анимации. То есть во время анимации выбранного элемента, чтобы показать элемент, элемент считается видимым в начале в анимации.

Как элемент видимый селектор:visible стал с версии jQuery 1.3.2.

Внимание!!! Потому что селектор:visible - это jQuery расширение, а не часть спецификации CSS, запросы с использованием :visible не могут использоваться как средство увеличения производительности, как querySelectorAll() метод JavaScript. Для достижения наилучшей производительности при использовании фильтра:visible, сначала выберите элементы с помощью чистого CSS-селектора, затем используйте .фильтр(":visible").

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

Знание о свойствах селектора :visible поможет при создании и оформлении своего сайта и будет меньше вопросов: " Как создать сайт?"

Синтаксис:

 
                 $(":visible")

ПРИМЕР

Составляем программу

 
< !DOCTYPE html>
< html>
< head>
< script>
$(document).ready(function(){
  $("p:visible").css("background-color","yellow");
});
< /script>
< /head>
< body>
< h3>Это заголовок< /h3>
< p>Это строка< /p>
< p>Это другая строка< /p>
< p style="display:none">Это скрытая строка.
< /body>
< /html>                                                                       

Результат выполнения программы: строку, где написано "Это скрытая строка" вы не видите естественно!!!

Это заголовок

Это строка

Это другая строка

Это скрытая строка.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: