Я не буду вдаватися в теорію, вся документація по jQuery є на офіційному сайті бібліотеки. Я лише нагадаю, що, таке jQuery.
1. Плавне прокручування до початку сторінки
Без неї вже не обходиться жоден сайт. Всього лише 4 рядки коду дозволять вашим відвідувачам в один клік плавно пркрутіть всю сторінку вгору.
2. дублюємо заголовки таблиць
Щоб поліпшити сприйняття і читабельність ваших таблиць, можна продублювати їх заголовки знизу під таблицею. Здавалося б дрібниця, але це дуже зручно в складних і великих таблицях, які не поміщаються в один екран.
3. Під-вантаження зовнішніх даних
За допомогою jQuery дуже легко довантажувати на веб-сторінки зовнішній контент. Його можна вивести прямо в блок DIV, як в прикладі нижче.
4. Однакова висота колонок
Відомо, що вирівняти блоки по висоті стандартними засобами HTML і CSS не так-то просто. Всього кілька рядків коду нижче дозволить вам зробити висоту всіх блоків рівній висоті більшого блоку.
5. Таблична зебра
Як відомо, сприйняття і читабельність таблиці буде помітно вище якщо зробити різнобарвне чергування рядків. Це дуже легко реалізується на jQuery.
6. Часткове оновлення сторінки
За допомогою jQuery дуже просто реалізувати блочне (часткове) оновлення сторінки. Наприклад, код нижче дозволить вам кожні 10 секунд автоматично оновлювати блок #refresh.
7. предзагрузкі зображень
8. Відкриття зовнішніх посилань в нових вікнах / табах
9. Блок в усі вікно браузера
Даний скрипт допоможе вам розтягнути блок на весь екран браузера. Відмінно підійде для модальних вікон і діалогів.
10. Перевірка складності пароля
Якщо ви дозволяєте відвідувачам свого сайту самостійно вказувати паролі, було б непогано проконтролювати його складність і інформувати про це користувача.
Для початку напишемо HTML-частина коду:
А за допомогою коду нижче ми перевіримо введений пароль і виведемо відвідувачеві інформацію: його пароль складний, середній або слабкий, а також перевіримо чи не занадто він короткий.
11. ресайз зображень засобами jQuery
Звичайно, логічніше змінювати розміри зображень на стороні сервера засобами PHP і GD, але бувають ситуації коли це необхідно зробити саме на стороні клієнта. І в цьому знову нам допоможе jQuery.
12. Під-вантаження контенту при прокручуванні сторінки вниз
Найчастіше цей прийом називають як нескінченний скролл. Контент завантажується в міру прокручування користувачем сторінки. Це досить просто реалізувати за допомогою коду нижче.
13. Перевірка завантаження зображення
Часто буває потрібно перевірити завантажено зображення в даний момент чи ні. І в цьому знову нам допоможе jQuery.
14. Сортування по-алфавітом
Якщо вам потрібна динамічна сортування списку по-алфавітом, вам обов'язково допоможе цей невеликий сниппет.
Адаптивна багатоцільова тема для Вордпресс
Адаптивна багатоцільова високопродуктивна тема для Вордпресс
Креативна тема портфоліо для Вордпресс