1. Підключення бібліотеки jQuery

Бібліотеку 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:


Повний код на сторінці myscript.js:
$(function(){

$('#btn').click(function (){
        $('#info').text("jQuery працює!");
}); 
 
});/*end  ready*/

Коментарі

Для зручності при розробці jQuery-коду в файлі можна використовувати коментарі, оформлюючи їх у два способи:
1) // дві нахилені риски, такий коментар можна писати тільки до кінця рядка
2) /*коментар, який можна розмістити на один
або кілька рядків */

$(function(){
// клік по кнопці
$('#btn').click(function (){
        $('#info').text("jQuery працює!");/*виведення тексту
в елемент span */
}); 
 
});/*end  ready*/

далі ✏
Ігор Ка