голосование
BASH
PHP
Javascript
HTML
Firebird
Программы
PostgreSQL
Майнинг
Хостинг
Железо
Мобильные технологии
Заработок на сайте
Docker
Ресурсы
GIT
SEO
Oracle
Python
Ремонт
Mercurial
Проголосуйте за категорию!
счётчик
Яндекс.Метрика

Как показать или скрыть элементы jquery

Как показать или скрыть элементы jquery на странице вашего сайта? Исчезновение элементов очень часто используют на практике. Есть 2 способа: средствами функции css(), hide() и show(). Подробно об изменении свойств класса читайте на странице как получить изменить свойства класса для элемента css() jquery. Я покажу вам оба способа.


// скрыть элементы
$("p#main").css("display", "none");
// показать элементы
$("p#main").css("display", "inline");

Вы можете использовать функцию css(). Это неудобно. Лучше использовать функцию show() и hide().


// скрыть элементы
$("p#main").hide();
// показать элементы
$("p#main").show();

Очень часто скрывают все важные элементы при помощи универсального селектора div[id*='main-']{ display: none; } в css-файле. Некоторые id могут иметь вид: main-box1, main-box2, main-box3. Потом вы можете показывать определённые элементы на странице. Это очень удобный подход. Можно сделать то же самое при помощи jquery.


// скрыть элементы
$("p[id*='main-']").hide();
просмотры: 1806, уровень: лёгкий уровень, рейтинг: 5, дата: 2015-12-26 11:02:44
проголосовать:

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






поиск
реклама
банеры
сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP
http://trainingweb.ru/redirect/pingadmin мониторинг сайтов сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP
http://trainingweb.ru/redirect/domains домен RU домен RU всего за 99 рублей
http://trainingweb.ru/redirect/well_web_vps_kvm Аренда VPS KVM в Европе Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.