Вивчаємо JQuery разом
На цьому ліричний вступ підійшло до кінця, пора вже перейти до безпосереднього знайомства з JQuery.
Для початку розберемося з термінологією, що ж таке JQuery? JQuery це один з найпопулярніших на сьогоднішній день фреймворків. Звучить красиво але все одно не зрозуміло, і по Праді сказати я сама деякий час щиро вважала що фреймворк - це програма для зручного написання різного коду (плутала із середовищем розробки).
Отже, почати потрібно з завантаження JQuery звідси. далі просто скласти в папку з вашою html-кою, і підключити в секції head:
Цього рядка досить для того, щоб почати використовувати всі можливості, що надаються цією бібліотекою. До речі про можливості. Так щоб в загальному було зрозуміло, основне призначення JQuery, групова (або одиночна) вибірка будь-яких елементів html-сторінки і проведення над вибраними елементами різних операцій (зміна CSS-стилів, додавання анімації на сторінку, забезпечення кросбраузерності і ще багато іншого).
Головна операція в JQuery це вибір елемента html-сторінки, вона виконується конструкцією $ (). всередині дужок вказується будь-який елемент, що належить вашій сторінці, укладений в лапки. Наприклад для того щоб вибрати всі посилання досить написати: $ ( 'a').
А для того щоб вся ця конструкція у нас запрацювала, потрібно якось повідомити браузеру, в зрозумілій формі, що ми збираємося використовувати раніше підключену бібліотеку JQuery. Для цього, отриману нами конструкцію потрібно записати в наступному вигляді:
Рядок $ (document) .ready (function () повідомляє браузеру, що скрипт потрібно виконувати після тоді як завантажені всі елементи html-сторінки, але не чекаючи завантаження картинок.