Форум | Последние учебники веб-разработки
 

jQuery Примеры


Вы хотите, чтобы развивать свои навыки селектор JQuery?

Пожалуйста , попробуйте наш JQuery селектор Tester


JQuery селекторы

$("p").hide()
Демонстрирует JQuery hide() метод, скрывая все <p> элементы.

$("#test").hide()
Демонстрирует JQuery hide() метод, скрывающую элемент с id="test" .

$(".test").hide()
Демонстрирует JQuery hide() метод, скрывая все элементы с class="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 focus() и blur()
Демонстрирует JQuery focus() и blur() события.

Примеры объяснил


Jquery Скрыть /

JQuery hide()
Демонстрирует JQuery hide() метод.

JQuery hide() и show()
Демонстрирует JQuery hide() и show() методы.

JQuery toggle()
JQuery toggle() переключает между hide() и show() .

JQuery hide()
Еще одна шкура демонстрация. Как скрыть часть текста.

Примеры объяснил


Jquery Fade

JQuery fadeIn()
Демонстрирует JQuery fadeIn() метод.

JQuery fadeOut()
Демонстрирует JQuery fadeOut() метод.

JQuery fadeToggle()
Демонстрирует JQuery fadeToggle() метод.

JQuery fadeTo()
Демонстрирует JQuery fadeTo() метод.

Примеры объяснил


JQuery Slide

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 animate() - с использованием предварительно определенных значений
Демонстрирует , что вы можете использовать предварительно заданные значения "hide", "show", "toggle" в JQuery animate() метод.

JQuery animate()
Демонстрирует больше , используя JQuery animate() метод (несколько animate() вызывает после того, как друг с другом).

JQuery animate()
Демонстрирует больше , используя JQuery animate() метод (несколько animate() вызывает после того, как друг с другом).

Примеры объяснил


Jquery Stop Анимации

Jquery stop() скольжения
Демонстрирует JQuery stop() метод.

Jquery stop() анимация (с параметрами)
Демонстрирует JQuery stop() метод.

Примеры объяснил


JQuery HTML Получить и атрибутов

JQuery text() и html() - Получить содержание
Получить содержание с JQuery text() и html() методы.

JQuery val() - Получить содержание
Получить значение поля формы с JQuery val() метод.

JQuery attr() - Получить значение атрибута
Получить значение атрибута с JQuery attr() метод.

Примеры объяснил


JQuery HTML Набор и атрибутов

JQuery text() , html() и val() - Установить содержание
Установить содержание с JQuery text() , html() и val() методы.

JQuery text() и html() - Установить содержание с функцией обратного вызова
Установить содержание + , используя функцию обратного вызова внутри text() и html() .

JQuery attr() - Установить значение атрибута
Установите значение атрибута с JQuery attr() метод.

JQuery attr() - Установить несколько значений атрибутов
Установить несколько значений атрибутов с JQuery attr() метод.

JQuery attr() - Установить значение атрибута с функцией обратного вызова
Установите значение атрибута + , используя функцию обратного вызова внутри attr() .

Примеры объяснил


JQuery HTML Добавление элементов / Содержимое

JQuery append()
Вставить содержимое в конце выбранных HTML-элементов.

JQuery prepend()
Вставить содержимое в начале выбранных HTML-элементов.

JQuery append() - вставить несколько новых элементов
Создание новых элементов с текстом / HTML, JQuery и JavaScript / DOM. Затем добавить новые элементы к тексту.

JQuery after() того, как before() after() и before() тем before()
Вставить содержимое до и после выбранных элементов HTML.

JQuery after() того, как after() - Вставьте несколько новых элементов
Создание новых элементов с текстом / HTML, JQuery и JavaScript / DOM. Затем вставьте новые элементы после выбранного элемента.

Примеры объяснил


JQuery HTML удалить элементы / Содержимое

Jquery remove()
Удалить выбранный element(s) .

Jquery empty()
Удалить все дочерние элементы выбранного element(s) .

JQuery remove() - с параметром
Фильтр элементы, которые будут удалены

Примеры объяснил


Jquery Получить и Установить CSS классы

JQuery addClass()
Добавление атрибутов класса к различным элементам.

JQuery addClass() - Несколько классов
Укажите несколько классов в addClass() метод.

JQuery removeClass()
Удалить определенный атрибут класса из различных элементов.

JQuery toggleClass()
Переключение между добавление / удаление классов из выбранных элементов.

Примеры объяснил


JQuery css() Метод

JQuery css() - возврат CSS свойство
Возвращает значение указанного CSS собственности от первого элемента.

JQuery css() - набор CSS свойство
Установить указанный CSS свойство для всех соответствующих элементов.

JQuery css() - набор свойств CSS
Установить несколько свойств CSS для всех соответствующих элементов.

Примеры объяснил


Jquery Размеры

Jquery - возврат width() и height()
Возвращает ширину и высоту заданного элемента.

JQuery - вернуть innerWidth() и innerHeight()
Возвращает внутреннюю ширины / высоты заданного элемента.

JQuery - вернуть outerWidth() и outerHeight()
Возвращение внешней ширины / высоты заданного элемента.

JQuery - вернуть outerWidth (истинный) и outerHeight (истина)
Возвращает внешний ширина / высота (включая поля) от указанного элемента.

Jquery - возврат width() и height() документа и окна
Возвращает ширину и высоту документа (HTML документа) и окна (браузер видового экрана).

JQuery - множество width() и height()
Устанавливает ширину и высоту заданного элемента.

Примеры объяснил


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() и siblings()
Демонстрирует Jquery siblings() и siblings() метод.

Jquery next()
Демонстрирует JQuery next() метод.

JQuery nextAll()
Демонстрирует JQuery nextAll() метод.

JQuery nextUntil()
Демонстрирует JQuery nextUntil() метод.

Примеры объяснил


JQuery Обход фильтрации

Jquery first()
Демонстрирует Jquery first() метод.

Jquery last()
Демонстрирует JQuery last() метод.

Jquery eq()
Демонстрирует Jquery eq() метод.

Jquery filter()
Демонстрирует Jquery filter() метод.

Jquery not()
Демонстрирует JQuery not() метод.

Примеры объяснил


JQuery AJAX load() Метод

JQuery load()
Загрузите содержимое файла в <div> элемент.

JQuery load()
Загрузите содержимое определенного элемента внутри файла, в <div> элемент.

JQuery load() - с обратным вызовом
Использование в JQuery load() метод с функцией обратного вызова.

Примеры объяснил


JQuery AJAX get() и post() Методы

JQuery get()
Используйте $.get() метод для извлечения данных из файла на сервере.

Jquery post()
Используйте $.post() метод , чтобы отправить некоторые данные вместе с запросом.

Примеры объяснил