Основы jQuery

Вы уже должны были пройти уроки jQuery из основ веб-разработки, а здесь вы увидите более подробный обзор того же самого материала (точно так же курс по основам Ruby был подготовительной базой для курса "Программирование на Ruby).

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

Пункты для размышления

  • Что такое селектор?
  • Что означает символ $?
  • Почему зачастую важно дождаться загрузки всего документа (DOM - от англ. Document Object Model — «объектная модель документа»)?
  • Как выбрать определенный элемент на странице?
  • Как выбрать только элементы <li> внутри элементов <div> с классом test-div?
  • В чем схожи селекторы и то, как действует CSS?
  • Что возвращает селектор jQuery?
  • Как управлять значениями (например, html, width, height) выбранных элементов или элемента?
  • Что означает "неявная итерация" по выбранным элементам (Подумайте, что будет если вы используете $("div"))
  • Как создавать новые элементы?
  • Как вставить новые элементы в DOM?
  • Как создать цепочку jQuery селекторов?
  • Что будет с элементами, которые вы уже выбрали (например, с $("li")), если другой подходящий элемент (например, <li>) будет добавлен к DOM позже?
  • Что означает "перемещение по объектной модели документов" ("traversing the DOM")?
  • Как добавить CSS к выбранному элементу?
  • Как добавлять к элементу или удалять атрибуты данных?
  • Какие новые итераторы (включая схожие с итераторами Ruby) предоставляет вам jQuery?
  • Как добавить класс some-class к каждому <li> на странице?
  • Как использовать #map, чтобы вернуть массив, представляющий собой содержимое конкретного списка?
  • Чем схожи #map jQuery и Ruby?
  • Где отыскать любой нужный селектор?

Задание

  1. Прочитайте Основы jQuery от jqfundamentals.com
  2. Просмотрите "Изучаем jQuery" от jquery.com(посмотрите "Главы" вниз), чтобы заполнить все пробелы, которые у вас есть, и получить дополнительные объяснения тем вещам, в которых вы еще не очень уверены.
  3. Почитайте про основы jQuery на русском

Дополнительные ресурсы

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

Поделиться уроком: