Май - Xakep Online

coding
боРис вольфсон
/ boriSvolfSon@gmail.com /
JavaScript
в кайф
ВОЗМОжНОСти МОГУчеГО ФрейМВОрКА JQuERy ДЛЯ Веб-ПрОГрАММиСтОВ
Порой в процессе программирования у меня создается впечатление, что jQuery читает
мои мысли — так мало кода приходится писать. При этом код не теряет ясности и наглядности,
а в простейших случаях напоминает CSS.
точки над «i»?
«Разве не программированием мы занимались
в прошлой статье? — спросит внимательный
читатель. — Ведь мы писали
код на JavaScript… неужели это не программирование?»
С технической точки зрения — да, с концептуальной
— нет. Ведь мы использовали
jQuery для верстки, а под программированием
стоит понимать более широкий
фронт деятельности: от обработки событий
до работы с формами. Так что переходим к
самому интересному — программированию
на JavaScript с использованием jQuery. Если
для верстальщика этот фреймворк — расширение
CSS, то программист на JavaScript
рассматривает его как библиотеку доступа к
произвольным элементам веб-страницы.
/ 128
От верстки к кодингу
Чтобы плавно перейти от верстки к программированию,
рассмотрим смежный пример
— раскрывающееся вертикальное меню. Существуют
целые библиотеки, которые создают
подобные меню, а мы управимся парой строчек
на JavaScript. Меню будет представлять собой
многоуровневый список:
МНОГОУрОВНеВОе МеНю
hTML
Первый
пункт
Первый
подпункт
Первый подпункт
Второй подпункт
Третий подпункт
Как видишь, я использовал слои с классом
collapsible, обозначающие «кнопки», при клике
на которые меню свернется:
СВОрАчиВАНие МеНю
JAVASCRIPT
$(".collapsible").click(function()
{
$(this).parent().children().
not(".collapsible").toggle();
});
xàêåð 05 /101/ 07