Як і звичайний яваскрипт, код, написаний на jQuery може розташовуватися в окремому файлі (найправильніший варіант), в розділі head. або в розділі body сторінки. Призначений для користувача код, розміщений безпосередньо в html документі, оточеного тегами script.
У минулій статті. ми вже прописували jQuery код для виведення повідомлення в модальному вікні. Давайте на його прикладі докладніше познайомимося з синтаксисом jQuery:
В наведеному вище прикладі ми помістили виклик модального вікна безпосередньо в body документа. Якщо ми перенесемо весь код в розділ head. то отримаємо точно такий же результат, як і в першому випадку:
Тепер давайте винесемо Такий самий пароль в окремий файл.
Будемо вважати, що в корені сайту у вас створена папка з ім'ям js і в ній знаходиться файл з бібліотекою jQuery. Сам html документ знаходиться в кореневій папці з сайтом і, припустимо, має назву index.html. Тепер створимо в текстовому блокноті новий файл, назвемо його, наприклад, myscript.js і збережемо в папці js. Перемістимо код виклику модального вікна в файл myscript.js. Зверніть увагу, що код в даному випадку не потрібно обертати в теги script.
Відкриємо index.html в браузері і переконаємося, що все як і раніше працює як треба - з'являється вікно з повідомленням. Залишається, мабуть, зауважити, що останній спосіб є найкращим і в робочих проектах я рекомендую все скрипти виносить в окремі файли.
Тепер повернемося до конструкції:
Будь-яка команда jQuery починається зі звернення до функції jQuery ($ (function ());). За допомогою даного коду ми отримуємо доступ до всіх принад бібліотеки:
Часто можна зустріти конструкції такого виду:
Всі наведені вище приклади ідентичні. Можете використовувати будь-який з них. Найперший приклад є скороченою конструкцією двох наступних. Якщо в проекті використовуються інші фреймворки, що використовують конструкцію виду $ () (наприклад, Prototype), то що б не виникало конфліктів, всюди, де в коді потрібно використовувати функцію $ (). поміняйте знак долара на напис jQuery:
Ну і на завершення, трохи про команду alert. яку ми використовували в перевірочному коді. Ця команда викликає системне вікно повідомлень. У дужках пишеться текст, який буде показаний в цьому вікні (текст обов'язково обертається в подвійні, або одинарні лапки. Якщо потрібно виводити тільки цифри, лапки можна не використовувати).