training-web.ruГлавнаяКатегорииО насКарта сайтаПоискТёмная тема

Категории

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

Создано: 26 декабря 2015Автор: Егор Астапов1936 просмотровСложность: легкий

Как показать или скрыть элементы 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();

Комментарии

реклама