Jquery приклади

Почнемо з самого простого. У деяких випадках розробнику необхідно використовувати елементи форм найбільш просунутими способами, наприклад, коли необхідно створити можливість користувачу відзначати не один елемент checkbox, а кілька або відразу все. Для цього чудово підходить jquery, як приклад можна взяти наступний варіант jquery коду.

Як видно з цього нескладного прикладу, за допомогою одного події click () ми відзначаємо одразу всі елементи chekbox.

Однак даний варіант лише спрощена копія того що ми хотіли добитися, адже можливий варіант коли користувач натискати за елементами, і тоді наша фунция для тих елементів checkbox, які були відзначені стає безглуздий, тому що для них так само буде запущено подія click () і отже вони не будуть відзначені, а навпаки будуть вимкнені. Як же уникнути цього? За допомогою простого коду, знову ж на jquery.

На цьому приклад jquery з checkboxami, я думаю, можна завершити і перейти до наступного не менше цікавого наприклад перевірки українських букв в поле форми призначеному для введення пароля.

Загалом, зробимо так само як у Yandex, коли при введенні в поле заборонених символів виводиться повідомлення про помилку, тільки лише з меншими витратами за рахунок jquery.

Я думаю ні чого складного, але корисно для поля форми password.

Тепер після невеликих прикладів jquery для початківців, перейдемо до складніших речей. Як і для більшості веб програмістів ajax для мене одне з чудових засобів для побудови ефективної структури сайту і забезпечення призначеного для користувача взаємодії.

І як завжди jquery допомагає мені в цьому. Функції jquery пов'язані з ajax, на мій погляд найбільш добре продумані з боку розробників. Наприклад є найпростіші приклади ajax функцій, осущетсвляется запрси до сервера, наприклад load (), є і складні функції, наприклад $ .ajax (). Прості знадобляться для повсякденної роботи і невеликих ефектів на сайті, складні підійдуть для осущетсвленія кількох запитів, з різним колічестовм налаштувань. Для того щоб бути більш зрозумілим подивіться найпростіший приклад з імпользованіем фунции load ().

Тут перша функція load () відправляє запит на сторінку 2.php c масивом. І отримує назад відповідь від сервера (function (text)).

Але як уже говорилося вище даної функції досить лише для простих випадків, в тих випадках коли Вам потрібно виконувати функції, в залежності від того на якому етапі находистя запит, необхідно использвать функцію $ .ajax () разом з функцією $ .ajaxSetup (). Перша виконує запит, друга встановлює настройки, параметри запиту (ів) глобально.

Приклад виконання функції $ ajax на основі двох запитів і використанні загальних параметрів jQuery.ajaxSetup ().

Відійдемо від ajax і перейдемо до менш складним завданням. Навіщо потрібна функція clone () і як її використовувати? Не завжди зрозуміло навіщо потрібна фунцкія clone (), але в результаті її виполяненія Ви можете отримати коіпу елемента або об'єкта. Приклади: в першому приклад за допомогою фунции clone () ми зберігаємо елемент в перменная clone, а в другому прикладі ми зберігаємо і копіюємо елемент без використання змінної.