Чистяков Денис рассказал о различных средах, предоставляющих различный API для работы с ними. Объяснил, что позволяет DOM и что такое jQuery.
- Среда выполнения
- Различные среды предоставляют различный API для работы с ними
- DOM
- Что позволяет нам DOM?
- Простейший DOM
- Что такое jQuery?
- Поиск элементов
- NodeList не Array методов forEach, map и т.п. — нет!
- Итерирование по результатам
- Все методы поиска возвращают коллекции и предоставляют методы для итерирования по ним
- Итерирование по результатам
- Для поиска используется библиотека Sizzle
- Атрибуты и свойства
- Data-атрибуты
- Атрибуты
- Классы
- Создание и удаление элементов
- События
- Все элементы DOM и jQuery могут реагировать на те или иные события
- Можно навешивать обработчики в HTML
- Почему это плохо?
- Существует два подхода
- Перехват событий (Capturing)
- Всплывающие события (Bubbling)
- В jQuery все события, всплывающие из соображений кроссбраузерности
- stopPropagation
- У многих элементов есть действия по умолчанию
- В jQuery методы также доступны у объекта события
- Подключение jQuery на странице
- jQuery tips and tricks