Скрываем элемент с помощью hide

Метод: .hide();

Метод скрывает элемент за счет изменения его css свойства display (значение display будет установлено в none). Начальное значение свойства элемента запоминается.

Метод hide() часто применяется совместно с методом show().

• Задача 1:

  - скрыть блок с классом first, содержащий текстовый блок, если будет осуществлен клик на этом блоке.

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

  • Решение:

    $(function () {
    	$('div.first').click(function() {
    		$(this).hide();
    	});
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('div.first') находим блок с классом first на странице. С помощью обработчика событий .click(); отслеживаем, когда по элементу будет произведен клик и с помощью метода hide() прячем блок.

    Результат:

    При загрузке страницы, к которой подключен скрипт, после клика по тексту он исчезнет со страницы. Элементу будет присвоено css свойство display со значением none.