Главная Все блоги Программирование jQuery для начинающих - Появление блока

jQuery для начинающих - Появление блока

В этой статье мы с вами попытаемся рассмотреть несколько простых примеров использования jQuery, для профи эти уроки покажуться смешными и простыми, но данная статья расчитана на первое знакомство и поможет немного понять суть языка.

Для начала нужно скачать библиотеку jquery
После того как мы сохраним скачанную библиотеку в туже папку что и нашу страничку, мы должны подключить библиотеку. Для етого нужно просто указать путь к файлу jquery.
Расположить следующий код между тегами head

<head>

<script src="jquery.js" type="text/javascript">

</head>

Далее начинаем начинаем писать действия с конкретными обьектами созданными на странице. Рассмотрим пример:

<script type="text/javascript">
$(function () {
$(&acute;#div1&acute;).click(function ()
{
$(&acute;#div2&acute;).slideDown();
});
});
</script>

Имея при этом два дива c id: div1 и div2

<div id="div1" style="background-color: #cccccc; border: 1px solid #666666; width: 200px;">Здесь располагается содержимое нового тега Div1</div>

<div id="div2" style="background-color: #cccccc; border: 1px solid #666666; width: 200px; display: none;">Здесь располагается содержимое нового тега Div2</div>

Теперь разберем, что должно у нас получиться.

Строка 2 открывает функцию (вместо $ может писаться jQuery)
Строка 3 определяет id элемента с которым мы будем работать, в данном случае это див с id — #div1. Далее идет действие после которого должно что-то произойти. В нашем случае это .click — нажатие. Еще может быть .hover — при наведении.
Строка 5 с каким элементом будет происходить действие (#div2) и собственно какое действие .slideDown — скольжение вниз. Для этого мы заранее в свойствах дива #div2 поставили нулевую видимость — display:none.

Т.е мы получили простенькую команду: при нажатии на див1 показать заранее скрытый див2 причем не резко,
а применив аминацию — .slideDown

Отзывы
panasyuksvt874
Коллектив Червоного маркета, находящегося на Полтавском шляхе не умело раскладывает товар и находится в небрежном виде , что естественно влечет за собой порчу товара за счет покупателя. нет , что б извиниться и успокоить покупателя. Набрасываются на клиента, совершено не обоснованно, не разбираются в в правах потребителях и законах порчи имущества. Ведут агрессивно и невежливо! Вы лишаетесь покупателей , который приобретал товар по стоимости в несколько раз больше., чем стоит испорченный товар. Очень неприятное впечатление от коллективаБ и несколько раз заявляли что кровожадный хозяин с них взимает высокую стоимость.
zhannakabanets873
Купила сыр, у которого со сроком годности было все в порядке в магазине Дигма на улице Культуры. И он оказался с плесенью! Больше покупать ничего не буду и никому слветлвать тоже
pizzaprof872
Камин в доме это очень класно - создаёт такое своеобразное чувство комфорта!
pizzaprof872
Лопнуть-лопнул, но долги всё ещё собирают...
alrabondarenko871
Скажите, кто пользуется такими наушниками http://e-ton.ua/audio/akustika/filter/manufacturer-is-marshall/ акустика marshall, это правда что у него проблемы и они распадаются, хочу взять но есть отзывы об этом. Что посоветуете?
© 2018 Харьковблог
 
Харьковблог в
разработка Idea