Jquery - введення, ит шеф
У цій статті ми познайомимося з бібліотекою jQuery, розглянемо її призначення та основну причину її популярності. Після цього позначимо основні способи підключення даної бібліотеки до веб-сторінці і основні принципи роботи з нею.
Що таке jQuery?
Єдиним недоліком даної бібліотеки, якщо це можна вважати недоліком, є її вага (розмір), який займає близько 100 Кбайт.
Підключення бібліотеки jQuery до веб-сторінці
Для того, щоб використовувати функції бібліотеки jQuery, її необхідно підключити до своєї веб-сторінці одним із таких способів:
- Завантажити дану бібліотеку з офіційного сайту і підключити її за допомогою елемента script. Зазвичай цю строчку розташовують в кінці HTML документа до закриває тега body. але перед іншими бібліотеками, які її використовують.
Який формат бібліотеки jQuery вибрати для завантаження?
Перший відрізняється від другого тим, що в ньому вихідний код бібліотеки знаходиться в стислому вигляді, тобто з нього вилучені пропуски, розриви рядків і ін. Отже, стислий файл вихідного коду бібліотеки jQuery більш переважно використовувати на робочому сайті, тому що це скоротить завантаження і підвищить продуктивність виконання запитів на сторінці.
Другий варіант більше підходить для вивчення бібліотеки jQuery, тому що даний файл добре документований, його можна відкрити і подивитися, як в ньому реалізована та чи інша функція.
Як використовувати бібліотеку jQuery?
Робота з jQuery завжди починається з функції jQuery () або її псевдоніма $ (). Ця функція може приймати один або два аргументи. Залежно від переданих їй значень аргументів функція jQuery () виконує ту чи іншу дію. У більшості випадків цю функцію використовують для вибору елементів, створення елементів або виклику анонімної функції. Якщо, наприклад Ви будете використовувати функцію jQuery для вибору елементів, то отримаєте об'єкт jQuery, що складається з обраних елементів. Наступний етап при роботі з бібліотекою jQuery зазвичай зводиться до викликів різних методів jQuery.
Розглянемо роботу з jQuery на наступному прикладі: