JavaScript & jQuery презентация

Подключение

Слайд 1JavaScript & jQuery


Слайд 2Подключение


Слайд 3Переменные и типы
Взаимодействие


Слайд 4Особенности операторов
Логические операторы


Слайд 5Циклы
Switch


Слайд 6Функции
Объекты


Слайд 7BOM, DOM, JS


Слайд 8Поиск
getElementById()
getElementsByTagName()


Слайд 9getElementsByClassName()
querySelectorAll() querySelector()
Closest()


Слайд 10События
События мыши:
click – происходит, когда кликнули на элемент левой кнопкой мыши
contextmenu – происходит,

когда кликнули на элемент правой кнопкой мыши
mouseover – возникает, когда на элемент наводится мышь
mousedown и mouseup – когда кнопку мыши нажали или отжали
mousemove – при движении мыши
События на элементах управления:
submit – посетитель отправил форму 

focus – посетитель фокусируется на элементе, например нажимает на 
Клавиатурные события:
keydown – когда посетитель нажимает клавишу
keyup – когда посетитель отпускает клавишу
События документа:
DOMContentLoaded – когда HTML загружен и обработан, DOM документа полностью построен и доступен.
События CSS:
transitionend – когда CSS-анимация завершена.

Слайд 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() = $()
Варианты использования
$();
$();
$();
$([, ]);


Слайд 15Селекторы
Атрибуты
Значения


Слайд 16Работа с CSS класами


Слайд 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


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика