Слайд 3Переменные и типы
Взаимодействие
Слайд 4Особенности операторов
Логические операторы
Слайд 8Поиск
getElementById()
getElementsByTagName()
Слайд 9getElementsByClassName()
querySelectorAll() querySelector()
Closest()
Слайд 10События
События мыши:
click – происходит, когда кликнули на элемент левой кнопкой мыши
contextmenu – происходит,
когда кликнули на элемент правой кнопкой мыши
mouseover – возникает, когда на элемент наводится мышь
mousedown и mouseup – когда кнопку мыши нажали или отжали
mousemove – при движении мыши
События на элементах управления:
submit – посетитель отправил форму
Слайд 12Задание
1. Нарисовать в HTML таблицу 3 на 6
2. Заполнить ее ячейки
с помощью JavaScript таблицей умножения как показано на рисунке
3. Нечетные строки с помощью JavaScript подсветить другим цветом, например как показано на рисунке
4. Для четных строк добавить обработчик события onclick, таким образом, чтобы по нажатию на строчку выводилось Alert-сообщение с содержимым ячейки.
Слайд 13jQuery
Jquery - библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML.
Библиотека jQuery
помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими.
Также библиотека jQuery предоставляет удобный API по работе с Ajax.
Слайд 14Подключение
jQuery() = $()
Варианты использования
$();
$();
$();
$([, ]);
Слайд 17События
Click
Dblclick
Mousedown
Mouseup
Mousemove
Mouseover
Mouseout
Mouseenter
Blur
Focus
Focusin
Focusout
Load
Resize
Scroll
Unload
Стандартные события
Hover
Ready
Load
Unload
Собственные события
Специфические события
Mouseleave
Change
Select
Submit
Keydown
Keypress
Keyup
Error