Page 151 - 6108
P. 151
Yandex CDN: надається російською компанією Yandex. Всі доступні версії
можна знайти за адресою https://tech.yandex.ru/jslibs/#jquery.
Формат підключення
<script src =
"https://yastatic.net/jquery/3.1.1/jquery.min.js"> </ script>
Ключовим моментом у використанні даної бібліотеки є виклик функція
jQuery. Ця функція запускається після завантаження сторінки. Оскільки, як
правило, ця функція містить код, який маніпулює елементами веб-сторінки, то
в цьому випадку природно треба, щоб до моменту спрацьовування функції
jquery всі ці елементи були завантажені. Тому прийнято розміщувати в низу
html-сторінки, наприклад, перед закриваючим тегом body.
Формальний опис функції jQuery: jQuery(handler). Як параметр
функції використовується безіменна функція зворотного виклику, яка і
спрацьовує при завантаженні веб-сторінки.
Функція jQuery має наступний синтаксис:
jQuery(function(){
// код функції обробнка.
});
$(function(){
// код функції обробника
});
Тобто фактично ми говоримо веб-браузеру, що після завантаження всієї
об'єктної моделі веб-сторінки, представленої об'єктом document, він повинен
виконати весь код, який вкладено в функцію jQuery.
Команди jQuery
Код jQuery як і код JavaScript складається з послідовно йдуть команд.
Команди є основною структурною одиницею jQuery.
Стандартний синтаксис jQuery команд:
$(селектор).method();
$(селектор) – дозволяє вибрати елемент на сторінці;
method() визначає, що треба зробити над обраним елементом. Методи в
jQuery поділяються на такі групи:
– Методи для маніпулювання DOM;
– Методи для оформлення елементів;
– Методи для створення AJAX запитів;
– Методи для створення ефектів та анімації;
– Методи для прив'язки обробників подій.
3.7.1 Вибірка. Робота з вибікою
Однією з важливих можливостей jQuery є вибірка елементів. Щоб щось
робити з елементами, маніпулювати ними, застосовувати до них методи jQuery,
нам треба спочатку їх отримати. Бібліотека надає зручний спосіб вибору
елементів, заснований на селекторах. Для цього треба передати в функцію
jQuery селектор і можна отримати потрібний елемент, який відповідає даному
селектору.