SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

Главная / jQuery шпаргалки / Выборка элементов / Выборка скрытых элементов

Выборка скрытых элементов

  • Задача 1:

    - отобрать все скрытые элементы, присутствующие на странице - результат вывести в модальном окне.

    Показать решение

    • Решение:

      $(function () {
	alert ($(':hidden', document.body).length);
});

      Пояснение:

      Для решения задачи с помощью фильтра :hidden выбираем все скрытые элементы, подсчитываем их количество и выводим результат в модальном окне.

      Результат:

      При загрузке страницы, к которой подключен скрипт, появится модальное окно с количеством срытых элементов на странице.

  • Задача 2:

    - отобрать все скрытые элементы span на странице и сделать их видимыми.

    Показать решение

    • Решение:

      $(function () {
	$('span:hidden').show(3000);
});

      Пояснение:

      Для решения задачи с помощью фильтра :hidden выбираем все элементы span и при помощи метода show делаем их видимыми.

      Результат:

      При загрузке страницы, к которой подключен скрипт, все скрытые элементы span станут видимыми на странице, проявляясь в течении трех секунд.

Автор: Super User