Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

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

Презентация на тему JavaScript & jQuery

Подключение
JavaScript & jQuery Подключение Переменные и типыВзаимодействие Особенности операторовЛогические операторы ЦиклыSwitch ФункцииОбъекты BOM, DOM, JS ПоискgetElementById()getElementsByTagName() getElementsByClassName()querySelectorAll()	querySelector()Closest() СобытияСобытия мыши:click – происходит, когда кликнули на элемент левой кнопкой мышиcontextmenu – происходит, когда Задание1. Нарисовать в HTML таблицу 3 на 62. Заполнить ее ячейки с jQueryJquery - библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML.Библиотека jQuery помогает ПодключениеjQuery() = $()Варианты использования$();$();$();$([, ]); СелекторыАтрибутыЗначения Работа с CSS класами СобытияClickDblclickMousedownMouseupMousemoveMouseoverMouseoutMouseenterBlurFocusFocusinFocusoutLoadResizeScrollUnloadСтандартные событияHoverReadyLoadUnloadСобственные событияСпецифические событияMouseleaveChangeSelectSubmitKeydownKeypressKeyupError Ajax
Слайды презентации

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

Подключение

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

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

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

Особенности операторовЛогические операторы

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

ЦиклыSwitch

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

ФункцииОбъекты

Слайд 7 BOM, DOM, JS

BOM, DOM, JS

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

ПоискgetElementById()getElementsByTagName()

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

getElementsByClassName()querySelectorAll()	querySelector()Closest()

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

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

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

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

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

Слайд 12 Задание
1. Нарисовать в HTML таблицу 3 на 6
2.

Задание1. Нарисовать в HTML таблицу 3 на 62. Заполнить ее ячейки

Заполнить ее ячейки с помощью JavaScript таблицей умножения как

показано на рисунке
3. Нечетные строки с помощью JavaScript подсветить другим цветом, например как показано на рисунке
4. Для четных строк добавить обработчик события onclick, таким образом, чтобы по нажатию на строчку выводилось Alert-сообщение с содержимым ячейки.

Слайд 13 jQuery
Jquery - библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript

jQueryJquery - библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML.Библиотека jQuery

и HTML.

Библиотека jQuery помогает легко получать доступ к любому

элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими.

Также библиотека jQuery предоставляет удобный API по работе с Ajax. 

Слайд 14 Подключение
jQuery() = $()
Варианты использования
$();
$();
$();
$([, ]);

ПодключениеjQuery() = $()Варианты использования$();$();$();$([, ]);

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

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

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

Работа с 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

СобытияClickDblclickMousedownMouseupMousemoveMouseoverMouseoutMouseenterBlurFocusFocusinFocusoutLoadResizeScrollUnloadСтандартные событияHoverReadyLoadUnloadСобственные событияСпецифические событияMouseleaveChangeSelectSubmitKeydownKeypressKeyupError

  • Имя файла: javascript-amp-jquery.pptx
  • Количество просмотров: 124
  • Количество скачиваний: 0