Бібліотеку jQuery можна скачати на офіційному сайті за посиланням Download jQuery. Скачаний файл слід помістити в папку, зазвичай це папка js або в будь-яку іншу папку, яку ви обрали для зберігання скриптів. Далі бібліотеку jQuery слід підключити на всіх сторінках сайту, помістивши посилання на неї між тегами head.
Окремий файл myscript.js для Ваших jQuery-скриптів можна розмістити там же і підключити таким самим чином.
Підключити бібліотеку можна також з сайту google apis або з офіційного сайту jquery.com
/* так */ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> /* або так */ <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
Власні скрипти розміщуються в файлі myscript.js в середені такого коду:
$(document).ready(function(){ });/*end ready*/
Можна використовувати скорочений запис:
$(function(){ });/*end ready*/
Приклад
Код для виводу повідомлення "jQuery працює!" в елемент <span>...<span> при кліку по кнопці з id="btn".
Код кнопки і елементу span:
$(function(){ $('#btn').click(function (){ $('#info').text("jQuery працює!"); }); });/*end ready*/
Коментарі
Для зручності при розробці jQuery-коду в файлі можна використовувати коментарі, оформлюючи їх у два способи:
1) // дві нахилені риски, такий коментар можна писати тільки до кінця рядка
2) /*коментар, який можна розмістити на один
або кілька рядків */
$(function(){ // клік по кнопці $('#btn').click(function (){ $('#info').text("jQuery працює!");/*виведення тексту в елемент span */ }); });/*end ready*/
далі ✏