Примеры jQuery
« Предыдущая
Следующая глава »
Вы хотите развить свои навыки выбора jQuery?
Попробуйте наш Тестер селекторов jQuery
Селекторы jQuery
$(«p»).hide()
Демонстрирует метод jQuery hide(), скрывающий все элементы
.
$(«#тест»).скрыть()
Демонстрирует метод jQuery hide(), скрывающий элемент с помощью.
$(«.тест»).скрыть()
Демонстрирует метод jQuery hide(), скрывающий все элементы с помощью.
$(это).скрыть()
Демонстрирует метод jQuery hide(), скрывающий текущий элемент HTML.
Объяснение примеров
События jQuery
jQuery click()
Демонстрирует событие jQuery click().
jQuery
Дблклик()
Демонстрирует событие jQuery dblclick().
jQuery
мышь введите ()
Демонстрирует событие jQuery mouseenter().
jQuery
мышиный лист ()
Демонстрирует событие jQuery mouseleave().
jQuery
мышь вниз ()
Демонстрирует событие jQuery mousedown().
jQuery mouseup()
Демонстрирует событие jQuery mouseup().
jQuery hover()
Демонстрирует событие jQuery hover().
jQuery
фокус() и размытие()
Демонстрирует события jQuery focus() и blur().
Объяснение примеров
jQuery Hide/Show
jQuery hide()
Демонстрирует метод jQuery hide().
jQuery
скрыть() и показать()
Демонстрирует методы jQuery hide() и show().
Переключение jQuery()
jQuery toggle() переключает режимы hide() и show().
jQuery скрыть()
Очередная демонстрация скрытия. Как скрыть части текста.
Объяснение примеров
jQuery Fade
jQuery fadeIn()
Демонстрирует метод jQuery fadeIn().
jQuery затухание()
Демонстрирует метод jQuery fadeOut().
jQuery fadeToggle()
Демонстрирует метод jQuery fadeToggle().
jQuery затухание ()
Демонстрирует метод jQuery fadeTo().
Объяснение примеров
jQuery Slide
jQuery slideDown()
Демонстрирует метод jQuery slideDown().
JQuery SlideUp()
Демонстрирует метод jQuery slideUp().
JQuery SlideToggle()
Демонстрирует метод jQuery slideToggle().
Объяснение примеров
jQuery Animate
jQuery animate()
Демонстрирует простое использование метода jQuery animate().
jQuery animate() — управление несколькими свойствами CSS
Демонстрирует, что вы можете манипулировать несколькими свойствами CSS с помощью метода jQuery animate().
jQuery animate() — использование относительных значений
Демонстрирует возможность использования относительных значений в методе jQuery animate().
jQuery animate() — использование предопределенных значений
Демонстрирует, что вы можете использовать предварительно определенные значения «скрыть», «показать», «переключить» в методе jQuery animate().
jQuery анимировать()
Демонстрирует больше с использованием метода jQuery animate() (несколько вызовов animate() друг за другом).
jQuery анимировать()
Демонстрирует больше с использованием метода jQuery animate() (несколько вызовов animate() друг за другом).
Пояснения к примерам
jQuery Stop Animations
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 Set Content and Attributes
jQuery text(), html() и val() — Set content
Установите содержимое с помощью методов jQuery text(), html() и val().
jQuery text() и html() — установить содержимое с помощью функции обратного вызова
Установите содержимое +, используя функцию обратного вызова внутри text() и html().
jQuery attr() — Установить значение атрибута
Установите значение атрибута с помощью метода jQuery attr().
jQuery attr() — установка нескольких значений атрибутов
Установите несколько значений атрибутов с помощью метода jQuery attr().
jQuery attr() — установить значение атрибута с помощью функции обратного вызова
Объяснение примеров
jQuery HTML Добавить элементы/контент
jQuery append()
Вставьте содержимое в конце выбранных элементов HTML.
jQuery в начале()
Вставьте содержимое в начало выбранных элементов HTML.
jQuery append() — Вставить несколько новых элементов
Создавайте новые элементы с текстом/HTML, jQuery и JavaScript/DOM.
Затем добавьте новые элементы в текст.
jQuery после() и до()
Вставьте содержимое после и перед выбранными элементами HTML.
jQuery после () — вставить несколько новых элементов
Создавайте новые элементы с текстом/HTML, jQuery и JavaScript/DOM. Затем вставьте новые элементы после выбранного элемента.
Объяснение примеров
jQuery HTML Remove Elements/Content
jQuery remove()Удалить выбранный элемент(ы).
jQuery пустой ()
Удалить все дочерние элементы выбранного элемента(ов).
jQuery remove() — с параметром
Отфильтровать удаляемые элементы
Объяснение примеров
jQuery Get and Set CSS Classes
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 — возврат ширины() и высоты()
Возвращает ширину и высоту указанного элемента.
jQuery — возврат innerWidth() и innerHeight()
Возвращает внутреннюю ширину/высоту указанного элемента.
jQuery — вернуть externalWidth() и externalHeight()
Возвращает внешнюю ширину/высоту указанного элемента.
jQuery — вернуть externalWidth(true) и externalHeight(true)
Возвращает внешнюю ширину/высоту (включая поля) указанного элемента.
jQuery — вернуть ширину () и высоту () документа и окна
Возвращает ширину и высоту документа (документ HTML) и окна (документ
окно просмотра браузера).
jQuery — установить ширину () и высоту ()
Объяснение примеров
jQuery Обход предков
jQuery parent()
Демонстрирует метод jQuery parent().
родители jQuery()
Демонстрирует метод jQuery parents().
jQuery parentUntil()
Демонстрирует метод jQuery parentUntil().
Объяснение примеров
jQuery Обход потомков
jQuery children()
Демонстрирует метод jQuery Children().
jQuery найти()
Демонстрирует метод jQuery find().
Объяснение примеров
jQuery Обход братьев и сестер
братья и сестры jQuery()
Демонстрирует метод jQuery siblings().
jQuery следующий()
Демонстрирует метод jQuery next().
jQuery nextAll()
Демонстрирует метод jQuery nextAll().
jQuery nextUntil()
Демонстрирует метод jQuery nextUntil().
Объяснение примеров
jQuery Traversing Filtering
jQuery first()
Демонстрирует метод jQuery first().
jQuery последний()
Демонстрирует метод jQuery last().
jQuery эквалайзер()
Демонстрирует метод jQuery eq().
фильтр jQuery()
Демонстрирует метод jQuery filter().
jQuery не()
Демонстрирует метод jQuery not().
Объяснение примеров
Метод jQuery AJAX load()
jQuery load()
Загрузите содержимое файла в элемент
Загрузка jQuery()
Загрузите содержимое определенного элемента внутри файла в элемент
jQuery load() — с обратным вызовом
Использование метода jQuery load() с функцией обратного вызова.
Объяснение примеров
Методы jQuery AJAX get() и post()
jQuery get()
Используйте метод $.