Jquery підручник

Стандартний синтаксис jQuery команд:

  1. Знак $ повідомляє, що символи йдуть після нього є jQuery кодом;
  2. Селектор дозволяє вибрати елемент на сторінці;
  3. Метод задає заходів, яких треба зробити над обраним елементом. Методи в jQuery поділяються на такі групи:
    • Методи для маніпулювання DOM;
    • Методи для оформлення елементів;
    • Методи для створення AJAX запитів;
    • Методи для створення ефектів;
    • Методи для прив'язки обробників подій.

Повний список селекторів jQuery Ви можете знайти в нашому jQuery довіднику.

Справа в тому, що скрипт може звернеться до ще не завантаженому вмісту, а це завжди призводить до помилок або несподіваних результатів.

Для того, щоб уникнути цього ми часто поміщали код в функцію, яка починала виконання тільки після повного завантаження документа.

В jQuery можна позбутися від передчасного виконання коду наступними способами:

Запобігання передчасного виконання коду в jQuery:

Для того, щоб скоротити розмір коду Ви можете поєднувати команди jQuery в ланцюжки.

Команди в ланцюжку будуть виконуватися по черзі зліва направо.

Завдання 1 змініть колір і розмір шрифту, перерахованих нижче елементів, для того, щоб виділити літери кодового слова.

Змініть колір і розмір шрифту:

  • Елемента з id = meadow;
  • Елемента з class = rainbow;
  • Елемента з id = future знаходиться всередині елемента з id = fut; (Даний елемент необхідно виділити кольором відмінним від червоного);
  • Елемента має атрибут set;
  • Елемента з атрибутом last = code.

Зверніть увагу: для зміни кольору тексту елемента використовуйте метод: css ( 'color', 'новий_цвет_текста'), для зміни розміру шрифту використовуйте метод: css ( 'font-size', 'размер_шріфта_px').

Схожі статті