Авторский знак. 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


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

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

Определение и использование. Скрытый селектор :hidden выбирает скрытые элементы.

Элементы могут быть рассмотрены как скрытые на страницах сайта по нескольким причинам:

     - Они имеют CSS display значение none.
     - Они образуют элементы с type="hidden".
     - Их ширина и высота явно задано значением равным 0.
     - Родитель( предок) элемента скрыт, так что элемент не отображается.

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

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

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

Элемент как :hidden ( скрытым) определяется изменениями в jQuery начиная с 1.3.2. Элемент считается скрытым, если он или любой из его родителей не потребляет места в документе. В каскадной таблице стилей CSS видимость не учитываются поэтому $(elem).css( "visibility", "hidden" ).is( ":hidden" ) == false).

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

Синтаксис:

 
                 $(":hidden")

ПРИМЕР

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

 
< !DOCTYPE html>
< html>
< head>
< script>
$(document).ready(function(){
  $(":hidden").show(3500);
});
< /script>
< /head>
< body>
< p>Это строка< /p>
< p>Это другая строка< /p>
< p style="display:none;">Это скрытая строка< /p>
< div style="display:none;">Это скрытый div элемент.< /div>
< /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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: