Як користуватися jquery?

Зміст

Як користуватися JQuery?

JQuery - чудова бібліотека javascript, яка робить програмування з javascript ще легше. У цій інструкції я розповім як користуватися цією бібліотекою і покажу кілька прикладів використання JQuery.

Інструкція

Рівень складності: Нескладно

1 крок

Для того щоб почати працювати з JQuery, потрібно його спочатку підключити. Для цього потрібно вставити цей код в head область вашого сайту.




Або його можна просто завантажити за цим (https://code.jquery.com/jquery-latest.js) посиланню, і зберегти в директорію вашого сайту. Тоді щоб підключити його, потрібен наступний код.

2 крок

Отже. JQuery ми підключили, тепер можна переходити до прикладів.
Перший приклад - це установка html коду або просто тексту для об'єктів div.
Потрібно створити об'єкт div, з id = "mytest" наприклад.

А в скрипті прописати.
$ ("# Mytest"). Html ('Hello, JQuery!');

В результаті чого, у нас на сторінці з'явиться напис: "Hello, JQuery!". Причому слово "JQuery" буде виділено жирним шрифтом.

3 крок

Другий приклад. Зміна класів об'єктів.
Для початку напишемо стиль.

Потім пропишемо html код сторінки.

Hello world!

І сам JS.
В наслідок чого, текст придбає червоний колір. Так як був прибраний клас "test_class" і виставлений "test_class1".

4 крок

А ще можна за допомогою JQuery відправляти POST і GET запити, до PHP скриптам.
Ось приклад.

У слідстві виконання цього коду, буде відправлений POST запит до скрипта test.php, і відправлені POST дані "act = test".







» » Як користуватися jquery?