приклади jquery

селектори jQuery

$ ( "P"). Hide ()
Демонструє jQuery метод hide (), що приховує всі

елементи.

$ ( "# Test"). Hide ()
Демонструє jQuery метод hide (), що приховує елемент з id = "test".

$ ( ". Test"). Hide ()
Демонструє jQuery метод hide (), що приховує всі елементи з класом = "test".

$ (This) .hide ()
Демонструє jQuery метод hide (), що приховує поточний елемент HTML.

події jQuery

jQuery click ()
Демонструє jQuery подія click ().

jQuery dblclick ()
Демонструє jQuery подія dblclick ().

jQuery mouseenter ()
Демонструє jQuery подія mouseenter ().

jQuery mouseleave ()
Демонструє jQuery подія mouseleave ().

jQuery mousedown ()
Демонструє jQuery подія mousedown ().

jQuery mouseup ()
Демонструє jQuery подія mouseup ().

jQuery hover ()
Демонструє jQuery подія hover ().

jQuery Приховати / Показати

jQuery hide ()
Демонструє jQuery метод hide ().

jQuery toggle ()
jQuery toggle () перемикає між hide () і show ().

jQuery hide ()
Інша демонстрація hide (). Як приховати частини тексту.

jQuery Зникнення

jQuery fadeToggle ()
Демонструє jQuery метод fadeToggle ().

jQuery fadeTo ()
Демонструє jQuery метод fadeTo ().

ковзання jQuery

jQuery slideDown ()
Демонструє jQuery метод slideDown ().

jQuery slideUp ()
Демонструє jQuery метод slideUp ().

jQuery slideToggle ()
Демонструє jQuery метод slideToggle ().

анімація jQuery

jQuery animate ()
Демонструє просте використання jQuery методу animate ().

jQuery animate () - управління декількома властивостями CSS
Демонструє, як можна керувати кількома властивостями CSS з jQuery методом animate ().

jQuery animate () - використовує відносні значення
Демонструє, що можна використовувати відносні значення в jQuery animate ().

Анімація jQuery - використання зумовлених значень
Демонструє, що можна використовувати зумовлені значення "hide", "show", "toggle" в jQuery методі animate ().

jQuery animate ()
Демонструє використання jQuery методу (кілька викликів animate () один за одним).

jQuery animate ()
Ще одна демонстрація використання jQuery методу animate () (кілька викликів animate () один після одного).

Зупинка Анімація jQuery

HTML jQuery Отримання Вмісту і атрибутів

HTML jQuery Установка Контенту і атрибутів

HTML jQuery Додавання Елементів / Вмісту

jQuery append ()
Вставка контенту в кінець обраних елементів HTML.

jQuery prepend ()
Вставка контенту в початок обраних елементів HTML.

jQuery after () і before ()
Вставка контенту після і перед обраними елементами HTML.

HTML jQuery Видалення Елементів / Вмісту

jQuery empty ()
Видаліть всі дочірні елементи обраного елемента (ів).

jQuery Отримання і Установка Класів CSS

jQuery addClass ()
Додайте атрибути класів різних елементів.

jQuery removeClass ()
Видаліть певний атрибут класу з різних елементів.

jQuery toggleClass ()
Перемикайтеся між додаванням / видаленням класів для обраних елементів.

jQuery Метод css ()

jQuery css () - повертає властивість CSS
Поверніть значення зазначеного властивості CSS з ПЕРШОГО сопоставленного елемента.

jQuery css () - встановіть властивість CSS
Встановіть вказане властивість CSS для ВСІХ зіставлених елементів.

jQuery css () - установка CSS властивостей
Встановіть кілька властивостей CSS для ВСІХ зіставлених елементів.

вимірювання jQuery

jQuery - Методи innerWidth () / innerHeight
Отримання внутрішньої ширини і висоти зазначеного елемента.

jQuery Обхід Предків

jQuery parent ()
Демонструє jQuery метод parent ().

jQuery parents ()
Демонструє jQuery метод parents ().

jQuery parentsUntil ()
Демонструє jQuery метод parentsUntil ().

jQuery Обхід Нащадків

jQuery children ()
Демонструє jQuery метод children ().

jQuery find ()
Демонструє jQuery метод find ().

jQuery Обхід однорівнева Елементів

jQuery siblings ()
Демонструє jQuery метод siblings ().

jQuery nextAll ()
Демонструє jQuery метод nextAll ().

jQuery nextUntil ()
Демонструє jQuery метод nextUntil ().

jQuery AJAX Метод load ()

jQuery load ()
Завантажте вміст файлу в елемент

.

jQuery ()
Завантажте вміст певного елемента в файлі в елемент

.

jQuery load () - зі зворотним викликом
Використовуйте jQuery метод load () з функцією зворотного виклику.

jQuery AJAX Методи get () та post ()

jQuery get ()
Використовуйте метод $ .get (), щоб витягти дані з файлу на сервері.

jQuery post ()
Використовуйте метод $ .post (), щоб послати деякі дані поряд із запитом.