Делаю сайты любой сложности Связаться со мной
Примеры jQuery
Браузеры
Наборы символов
Основы jQuery
Была ли эта информация полезной?
Да Нет
.
Примеры jQuery
Ваш первый пример jQueryОбъяснение примеров jQuery
Примеры click()
Скрывает параграфы на странице по мере нажатия по ним:Объяснение примеров click()
Примеры Функция jQuery $
jQuery предоставляет функцию, которая удаляет лишние пробелы из строкиjQuery предоставляет функцию, которая удаляет лишние пробелы из строки: короткий путь
Функция добавляет class по имени bar для всех абзацев (p) которые имеют class по имени foo
В следующем примере функция по имени 'myfunc' выполняется сразу после загрузки страницы
В следующем примере для каждой четной строки таблицы документа добавится class по имени oddStripe, а для нечетной строки - class по имени evenStripe
Объяснение примеров Функция jQuery $
Примеры Методы Jquery
Можно обращаться к объектам в цепи с помощью добавления действияОбъяснение примеров Методы Jquery
Примеры jQuery.trim( str )
Удаляет пустые места с начала и конца строки.Объяснение примеров jQuery.trim( str )
Примеры addClass()
Добавляет класс ’selected’ к совпавшим элементам.Добавляет классы ’selected’ и ‘highlight’ к совпавшим элементам.
Объяснение примеров addClass()
Примеры $(document).ready()
Показывает сообщение когда DOM готов к использованию:Объяснение примеров $(document).ready()
Примеры toggle()
Переключает режим отображения параграфовОтображает все параграфы, затем скрывает их, и так в цикле.
Скрывает/отображает все параграфы, длительность анимационных эффектов — 600 миллисекунд.
Объяснение примеров toggle()
Примеры slideDown()
Раскрывает все элементы input используя данный эффект «скольжения» вниз. Время анимации составляет 1000 мс. Когда анимация выполнена, вызывается функция, которая изменяет внешний вид элементов input, особенно среднего элемента, которому передается фоОбъяснение примеров slideDown()
Примеры add()
Поиск всех элементов div и установка им рамки красного цвета. Затем все параграфы добавляются в уже существующий объект jQuery и им устанавливается фон желтого цвета.Добавляет в уже существующий набор дополнительные элементы, которые удовлетворяют указанному выражению.
Добавляет в уже существующий набор дополнительные элементы, созданные на лету.
Добавляет в уже существующий набор один или более элемент(ов).
Демонстрирует, как добавить элементы в существующую коллекцию.
Объяснение примеров add()
Примеры load()
Раскрывает все элементы div используя эффект «скольжения» вниз, длительность анимационных эффектов — 600 миллисекунд.Загружает меню навигации и встраивает его в пользовательский упорядоченный список.
Показывает сообщение, если запрос Ajax встречает ошибку.
Объяснение примеров load()
Примеры removeClass()
Удаляет класс ‘blue’ изо всех совпавших элементовУдаляет классы ‘blue’ и ‘under’ изо всех совпавших элементов.
Удаляет все классы изо всех совпавших элементов
Объяснение примеров removeClass()
Примеры slideUp()
מסתיר כל אלמנטים div באמצעות אפקט החלקה מעלה. משך האפקט - 400 מילישניותСкрывает все элементы input, используя данный эффект “скольжения” вверх. Время анимации составляет 200 мс. Когда анимация выполнена, отображается соответствующее сообщение
Объяснение примеров slideUp()
Примеры hover()
Для того, чтобы добавить специальный стиль для элемента списка над котором находится курсор мыши, можно поступить следующим образом:Для того, чтобы добавить специальный стиль для ячейки таблицы над которой находится курсор мыши, можно поступить следующим образом:
Для удаления привязанных выше событий попробуйте сделать так:
Вызывает скольжение следующего брата LI вверх и вниз на hover, и переключает класс.
Объяснение примеров hover()
Примеры append()
Добавляет код HTML ко всем параграфам.Добавляет объект jQuery (аналогично массиву элементов DOM) ко всем параграфам.
Объяснение примеров append()
Примеры remove()
Удаляет все параграфы из DOM.Удаляет все параграфы, содержащие "Hello" из DOM
Объяснение примеров remove()
Примеры find()
Поиск дочерних элементов span в наборе всех элементов p, то же самое, что $(»p span»).Заключает каждое слово в блок span, затем добавляет эффект при наведении и выделяет содержащие букву t слова курсивом.
Объяснение примеров find()
Примеры fadeIn()
Отображает блоки div один за другим используя эффект fadein (появления), длительность анимации — 600 миллисекунд.По нажатию отображается красный прямоугольник поверх текста. Как только анимация завершена, быстро отображается надпись поверх прямоугольника.
Объяснение примеров fadeIn()
Примеры fadeOut()
Скрываем все параграфы, используя эффект fadeout (затухания), длительность анимации – 600 миллисекунд.По нажатию скрывает блоки span используя эффект fadeout (затухания).
Объяснение примеров fadeOut()
Примеры unbind()
יכול לצרף או למחוק אירועים לכפתור צבועОбъяснение примеров unbind()
Примеры show()
Shows all paragraphs.Медленно отображает все скрытые параграфы, длительность анимационных эффектов — 600 миллисекунд.
Отображает все скрытые элементы div по порядку, используя режим скорости fast. Каждая анимация занимает 200 миллисекунд. По завершению очередной анимации начинается следующая.
Отображает все скрытые элементы span и input по порядку, используя режим скорости normal. По завершению анимации меняет текст параграфа.
Объяснение примеров show()
Примеры bind()
Обрабатывает события click и dblclick для параграфа. Обратите внимание: координаты относительны окна, то есть в этом примере относительны демонстрационного iframe.Объяснение примеров bind()
Примеры text()
Поиск текста в первом параграфе (путем анализа HTML кода), затем вставка найденного текста в последний параграф, но без форматирования (пропал красный цвет и жирный текст).Добавление текста к параграфу (обратите внимание, тег b экранирован).
Объяснение примеров text()
Примеры Обрабатывает события click и dblclick для параграфа. Обратите внимание: координаты относительны окна, то есть в этом примере относительны демонстрационного iframe.
Также можно связывать и пользовательские событияОбъяснение примеров Обрабатывает события click и dblclick для параграфа. Обратите внимание: координаты относительны окна, то есть в этом примере относительны демонстрационного iframe.
Примеры toggleClass()
Переключает класс »highlight» по каждому третьему нажатию ЛКМ.Объяснение примеров toggleClass()
Примеры trigger()
Нажатие на кнопку #2 также вызывает нажатие и на кнопку #1.Объяснение примеров trigger()
Примеры stop()
Нажмите кнопку «Go» для запуска анимации, затем нажмите «STOP» для остановки. Кнопка «STOP» останавливает лишь текущий эффект, но не очищает всей очереди эффектов.Объяснение примеров stop()
Примеры css()
Получает доступ к цвету фона элемента div на котором пользователь кликнул мышкой.Устанавливает цвет текста всех параграфов и цвет фона:
Если имя свойства включает в себя «-», то заключайте его в двойные кавычки.
При прохождении курсора над текстом изменяет его цвет на красный.
Выделяет слово в параграфе на котором пользователь кликнул мышкой.
Объяснение примеров css()
Примеры jQuery
Finds all p elements that are children of a div element.Объяснение примеров jQuery
Примеры :last
Поиск последней строки таблицы.Объяснение примеров :last
Примеры :even
Поиск первой, третьей и т.д. строк таблицы (индексы 0, 2, 4 и т.д.)Объяснение примеров :even
Примеры :odd
Поиск нечетных строк таблицы: второй, четвертой и т.д. (индексы 1, 3, 5 и т.д.)Объяснение примеров :odd
Примеры :eq(index)
Ищет третий td.Объяснение примеров :eq(index)
Примеры val()
Получает одно значение из выпадающего списка и массив значений из второго списка с возможностью выбора нескольких вариантов, а затем отображает их.Поиск значения поля ввода текста
מגדיר ערך של שדה קלט.
Установка значений элементов select.
Объяснение примеров val()
Примеры :first
Поиск первой строки в таблице.Объяснение примеров :first
Примеры html()
Преобразует HTML в текст при нажатии ЛКМДобавляет HTML код к каждому элементу div
Добавляет HTML код к каждому элементу div, затем немедленно обрабатывает вставленный код.
Объяснение примеров html()
Примеры :selected
При нажатии ЛКМ на элементе списка появляется его значение в элементе div ниже.Объяснение примеров :selected
Примеры :checked
Поиск всех отмеченных элементов.Объяснение примеров :checked
Примеры change()
По событию change запускается функция, которая получает текст каждой выбранной опции в списке и помещает этот текст в элемент div. После чего это событие вызывается посредством вызова .change().Объяснение примеров change()
Примеры keyup()
Для того, чтобы выполнить действие при отпускании клавиши escape, можно сделать так:Показывает объект события для обработчика keyup, когда клавиша отпущенна в поле ввода.
Объяснение примеров keyup()
Примеры each()
Перебирает три объекта div и устанавливает их свойства цвета.Если вы хотите иметь объект jQuery вместо обычных элементов DOM, используйте функцию $(this), например:
Вы можете использовать "return", чтобы выйти из цикла each() раньше.
Объяснение примеров each()
Примеры hide()
По нажатию скрывает все параграфы по нажатию на ссылке.Медленно скрывает все видимые параграфы, длительность анимационных эффектов — 600 миллисекунд.
Скрывает все блоки span (слова в данном случае), используя режим скорости fast. Каждая анимация занимает 200 миллисекунд. По завершению очередной анимации начинается следующая.
По нажатию скрывает элементы div в течение 2 секунд, затем, когда анимация завершена, удаляет блок div. Попробуйте нажимать на несколько блоков одновременно.
Объяснение примеров hide()
Примеры is()
Несколько способов использования is() внутри обработчика событий.Возвращает true, так как родительский объект элемента ввода input является элементом формы.
Возвращает false, так как родительский объект элемента ввода input является элементом блока 'p'.
Объяснение примеров is()
Примеры filter( )
Изменяет цвет фона всех элементов div и затем рисует границу вокруг некоторых из них.Изменяет цвет фона всех элементов div и затем рисует границу вокруг двух из них.
Объяснение примеров filter( )
Примеры focus()
Чтобы запретить пользователям писать что-либо в поля ввода, попробуйте сделать так:Объяснение примеров focus()
Примеры parent()
Показывает «родителя» каждого элемента как (родитель > потомок).Поиск «родителя» каждого параграфа имеющего класс «selected».
Объяснение примеров parent()
Примеры ready()
Отображает сообщение, когда объектная модель документа готова к использованию.Объяснение примеров ready()
Примеры next()
Поиск ближайшего родственного элемента каждой неактивной кнопки (следующий элемент за кнопкой) и изменение его текста на «this button is disabled».Поиск ближайшего родственного элемента каждого параграфа (следующий элемент за параграфом), который имеет класс «selected».
Объяснение примеров next()
Примеры blur()
Активирует событие blur.Объяснение примеров blur()
Примеры one()
Связывание одиночного клика с каждым элементом div.Отображение текста параграфа в сообщении alert после одного клика на каждом из них
Объяснение примеров one()
Примеры triggerHandler()
Если Вы вызвали .triggerHandler() на событии focus, то действие браузера по умолчанию по этому событию не будет вызвано, только обработчик события привязанный к событию focus.Объяснение примеров triggerHandler()
Примеры live()
Нажмите на параграфе, чтобы добавить еще один. Обратите внимание, событие по нажатию привязывается и ко всем новым параграфам.Пример связывания пользовательских событий.
Объяснение примеров live()
Примеры die()
Привязывает и удаляет событие на желтую кнопку.Объяснение примеров die()
Примеры toggle()
Нажимите для переключения выделения на элементах списка.Объяснение примеров toggle()
Примеры dblclick()
Двойное нажатие изменяет цвет фонаОбъяснение примеров dblclick()
Примеры keypress()
Показывает объект события для обработчика keypress, когда клавиша нажата в поле ввода.Объяснение примеров keypress()
Примеры mousedown()
מציג טקסט לפי אירוע mouseup ו- mousedown.Объяснение примеров mousedown()
Примеры mouseenter()
Отображает текст по событиям mouseenter и mouseoutОбъяснение примеров mouseenter()
Примеры mouseleave()
Отображает текст по событиям mouseover и mouseleave. Mouseout активируется, когда указатель мыши входит или выходит в/из дочерний(го) элемент(а), в то время как mouseleave этого не делает.Отображает текст по событиям mouseover и mouseleave
Объяснение примеров mouseleave()
Примеры mousemove()
Отображает координаты, когда указатель мыши двигается над элементом div с желтым фономОбъяснение примеров mousemove()
Примеры mouseout()
Отображает текст по событиям mouseover и mouseout. Mouseout активируется, когда указатель мыши входит или выходит в/из дочерний(го) элемент(а), в то время как mouseleave этого не делает.Объяснение примеров mouseout()
Примеры mouseover()
Отображает текст по событиям mouseover и mouseoutОбъяснение примеров mouseover()
Примеры select()
Для выполнения каких-либо действий, когда пользователь выделяет текст в поле вводаОбъяснение примеров select()
Примеры submit()
Для того, чтобы запретить отправку форм, если не установлена какая-либо переменнаяОбъяснение примеров submit()
Примеры index()
По нажатию ЛКМ возвращает индекс соответствующего элемента div на странице.Возвращает индекс элемента с ID «bar».
Возвращает индекс первого элемента в наборе элементов jQuery.
Возвращает индекс элемента с id «bar» относительно всех элементов 'li'.
Возвращает индекс элемента «bar» относительно его родственных элементов.
Возвращает -1, так как нет элемента с id «foobar».
Объяснение примеров index()
Примеры appendTo()
Добавляет все блоки span к элементу с ID «foo».Объяснение примеров appendTo()
Примеры after()
Вставляет код HTML после всех параграфов на странице.Вставляет элемент DOM после всех параграфов на странице.
Вставляет объект jQuery (аналогично массиву элементов DOM) после всех параграфов.
Объяснение примеров after()
Примеры children()
Поиск всех потомков элемента по которому кликнул пользователь.Поиск всех потомков каждого элемента div.
Поиск всех потомков, обладающих классом «selected», каждого элемента div.
Объяснение примеров children()
Примеры height()
Показывает несколько значений высоты. Обратите внимание, что значения могут быть немного меньшими, чем Вы ожидали, поскольку значения берутся из фреймов. Желтый цвет показывает тело фрейма.To set the height of each div on click to 30px plus a color change.
Объяснение примеров height()
Примеры jQuery.support
Проверяет свойство box model для фреймаОбъяснение примеров jQuery.support
Примеры jQuery.browser
Показывает информацию о браузереОбъяснение примеров jQuery.browser
Примеры jQuery.browser.version
Возвращает версию браузераОбъяснение примеров jQuery.browser.version
Примеры jQuery.boxModel
Проверяет свойство box model для фреймаОбъяснение примеров jQuery.boxModel
Примеры jQuery.each( object, callback )
Обрабатывает каждый элемент массива показывая его номер (как числом так и словом).Объяснение примеров jQuery.each( object, callback )
Примеры jQuery.grep(array,callback,invert)
Отфильтровывает массив чисел оставляя убирая пятерки и оставляя элементы с индексом выше 4. Затем удаляет все девятки.Объяснение примеров jQuery.grep(array,callback,invert)
Примеры jQuery.makeArray( obj )
Превращает коллекцию элементов HTML в массивОбъяснение примеров jQuery.makeArray( obj )
Примеры jQuery.map( array, callback )
Парочка примеров использования .map()Объяснение примеров jQuery.map( array, callback )
Примеры jQuery.inArray( value, array )
Возвращает индекс элемента если он находится в массивеОбъяснение примеров jQuery.inArray( value, array )
Примеры jQuery.unique( array )
Удаляет дубликаты из массива элементов div.Объяснение примеров jQuery.unique( array )
Примеры jQuery.isArray( obj )
Определяет, является-ли переданный объект массивомОбъяснение примеров jQuery.isArray( obj )
Примеры jQuery.isFunction( obj )
Определяет, является-ли переданный объект функцией Javascript.Объяснение примеров jQuery.isFunction( obj )
Примеры jQuery.param( obj )
Упорядочивает объект, содержащий пары ключ/значение.Объяснение примеров jQuery.param( obj )
Примеры get()
Выбирает все элементы div в документе и возвращает их как массив, затем, используя встроенный метод реверса, меняет направление следования элементов в массиве.Выводит имя тега, на котором пользователь кликнул мышкой:
Объяснение примеров get()
Примеры attr( )
Ищет заголовок первого элемента <em> на странице.Назначает несколько атрибутов для всех <img>s на странице.
Делает недоступными кнопки, которые больше первой
Указывает атрибут ID в зависимости от положения блока div на странице
Указывает атрибут изображения src, значение которого берется из атрибута title.
Объяснение примеров attr( )
Примеры removeAttr( name )
Нажимая на кнопку, Вы активируете элемент ввода рядом с ней.Объяснение примеров removeAttr( name )
Примеры hasClass( class )
Ищет класс ’selected’ в совпавших элементах.Объяснение примеров hasClass( class )
Примеры :gt(index)
Поиск элементов TD начиная с 5-го и выше. Индексы нумеруются с нуля.Объяснение примеров :gt(index)
Примеры slideToggle()
Скрывает/раскрывает все параграфы используя эффект «скольжения» вниз и вверх, длительность анимации — 600 миллисекунд.Скрывает/раскрывает элементы div между разделителями.
Объяснение примеров slideToggle()
Примеры fadeTo()
Изменяет видимость первого параграфа до значения 0,33 (33%, одна третья от полной видимости), длительность анимационных эффектов — 600 миллисекунд.Случайным образом изменяет прозрачность элемента div, длительность анимационных эффектов — 200 миллисекунд.
Найдите правильный ответ! Длительность анимационных эффектов — 250 миллисекунд.
Объяснение примеров fadeTo()
Примеры animate()
Нажмите на кнопку для запуска анимации элемента div с набором различных свойств.Первая кнопка показывает пример параллельной анимации. Происходит расширение элемента div до 90% от возможной ширины и при этом увеличивается текст. Как только оканчивается увеличение текста, начинается заливка кусочка границы. Вторая кнопка показыв
Пример «относительной» анимации. При нажатии на кнопки элементы div двигаются в соответствующие стороны.
Объяснение примеров animate()
Примеры jQuery.fx.off
Глобально отключает все анимационные эффекты.Объяснение примеров jQuery.fx.off
Примеры prev()
Поиск ближайшего предыдущего родственного элемента для каждого элемента div.Поиск ближайшего предыдущего родственного элемента каждого параграфа (предыдущий элемент перед параграфом), который имеет класс “selected”.
Объяснение примеров prev()
Примеры html( )
Преобразует HTML в текст при нажатии ЛКМ (левой кнопкой мышки)Добавляет HTML код к каждому элементу div.
Добавляет HTML код к каждому элементу div, затем немедленно обрабатывает вставленный код.
Объяснение примеров html( )
Примеры text()
Добавляет элемент ко всем параграфам.Объяснение примеров text()
Примеры prepend()
Добавляет код HTML ко всем параграфам.Объяснение примеров prepend()
Примеры prependTo()
Добавляет все блоки span к элементу с ID “foo”.Объяснение примеров prependTo()
Примеры before()
Контент, который необходимо вставить перед элементом.Вставляет элемент DOM перед всеми параграфами на странице.
Вставляет объект jQuery (аналогично массиву элементов DOM) перед всеми параграфами на странице.
Объяснение примеров before()
Примеры insertAfter()
Вставляет все параграфы после элемента с id «foo». То же самое, что и $('#foo').after('p')Вставляет все параграфы перед элементом с id 'foo'. То же самое, что и $('#foo').before('p')
Объяснение примеров insertAfter()
Примеры wrap()
Заключает все параграфы в документе в блок div.Заключает все блоки span в только что созданное дерево объектов. Обратите внимание, все, что находится за границами блока span, остается неизменным (например, красный текст в блоке <strong> в этом примере).
Заключает все параграфы на странице в новый элемент div.
Заключает все параграфы на странице в объект jQuery, который представляет собой двойной элемент div.
Объяснение примеров wrap()
Примеры wrapAll()
Заключает все параграфы на странице в новый элемент div.Заключает все блоки span в только что созданное дерево объектов. Обратите внимание, все, что находится за границами блока span, остается неизменным (например, красный текст в блоке <strong> в этом примере).
Заключает все параграфы на странице в новый элемент div.
Заключает все параграфы на странице в объект jQuery, который представляет собой двойной элемент div.
Объяснение примеров wrapAll()
Примеры wrapInner()
Выделяет все параграфы из документа и заключает их содержимое в тег b.Выделяет все параграфы из документа и заключает их содержимое в тег b
Объяснение примеров wrapInner()
Примеры replaceWith()
При нажатии ЛКМ, происходит замена кнопки на элемент div с тем же словомОбъяснение примеров replaceWith()
Примеры replaceAll()
Замена содержимого всех параграфов текстом, заключенным в тэг b.Объяснение примеров replaceAll()
Примеры empty( )
Удаляет содержимое всех параграфов на странице.Объяснение примеров empty( )
Примеры clone()
Клонирует все элементы b (после чего выбирает клонов) и вставляет их перед параграфами.Создает кнопку, способную клонировать сама себя (клоны также могут копировать себя).
Объяснение примеров clone()
Примеры id
Поиск элемента с id «myDiv».Объяснение примеров id
Примеры element
Поиск всех элементов div.Объяснение примеров element
Примеры class
Поиск элемента класса «myClass»Поиск элемента классов «myClass» и «myOtherClass».
Объяснение примеров class
Примеры *
Поиск всех элементов (включая head, body и т.д.).Объяснение примеров *
Примеры selector1,selector2,selectorN
Поиск элементов, соответствующих любому из этих трех селекторов.Объяснение примеров selector1,selector2,selectorN
Примеры parent > child
Поиск всех дочерних элементов элемента с ID «main» (элемент с желтым фоном).Объяснение примеров parent > child
Примеры prev + next
Поиск всех элементов input, которые находятся рядом с label.Объяснение примеров prev + next
Примеры prev ~ siblings
Поиск всех элементов div следующих за элементом с ID «#prev». Обратите внимание, что не выбран span, поскольку он не является элементом div, а также не выбран «div niece», который является дочерним элементом объекта «div sibling».Объяснение примеров prev ~ siblings
Примеры :not(selector)
Поиск всех полей input, которые не отмечены галочкой, и подсветка рядом стоящих элементов. Обратите внимание, что при нажатии на поле не происходит никаких изменений, так как событие нажатия не обрабатывается.Объяснение примеров :not(selector)
Примеры :lt(index)
Поиск элементов TD с индексом #4 и ниже. Индексы нумеруются с нуля.Объяснение примеров :lt(index)
Примеры :header
Добавляет фон и текст для всех заголовков на странице.Объяснение примеров :header
Примеры :animated
Изменение цвета анимированного в данный момент элемента div.Объяснение примеров :animated
Примеры :contains(text)
Поиск и подчеркивание всех элементов div, которые содержат в себе «John».Объяснение примеров :contains(text)
Примеры :empty
Поиск всех «пустых» элементов, которые не имеют текста или дочерних элементовОбъяснение примеров :empty
Примеры :has(selector)
Добавление класса «test» ко всем элементам div, которые содержат параграф внутри себя.Объяснение примеров :has(selector)
Примеры :parent
Поиск всех элементов TD, содержащих дочерние элементы, включая текст.Объяснение примеров :parent
Примеры :hidden
Показывает все скрытые элементы div и подсчитывает количество скрытых элементов input.Объяснение примеров :hidden
Примеры :visible
При нажатии ЛКМ изменяется фон на желтый у видимых элементов div.Объяснение примеров :visible
Примеры [атрибут]
При нажатии ЛКМ добавляет ID элемента div к его текстуОбъяснение примеров [атрибут]
Примеры [атрибут=значение]
Ищет все элементы input с именем ‘newsletter’ и добавляет текст, заключенный в тег span, рядом с ними.Объяснение примеров [атрибут=значение]
Примеры [атрибут!=значение]
Ищет все элементы input, которые не имеют имени ‘newsletter’, и добавляет текст not newsletter рядом с ними.Объяснение примеров [атрибут!=значение]
Примеры [атрибут$=значение]
Ищет все элементы input, имя атрибута которых заканчивается на ‘letter’, и вставляет текст в них.Объяснение примеров [атрибут$=значение]
Примеры [атрибут*=значение]
Ищет все элементы input, имя атрибута которых содержит ‘man’, и вставляет текст в них.Объяснение примеров [атрибут*=значение]
Примеры [attributeFilter1][attributeFilterN]
Ищет все элементы input, имеющие атрибут ID и оканчивающиеся на ‘man’, после чего вставляет текст в них.Объяснение примеров [attributeFilter1][attributeFilterN]
Примеры :nth-child(index/even/odd/equation)
Поиск второго элемента li в каждом найденном блоке ul.Объяснение примеров :nth-child(index/even/odd/equation)
Примеры :first-child
Выделяет содержимое первого блока span в каждом элементе div.Объяснение примеров :first-child
Примеры :last-child
Выделяет содержимое последнего блока span в каждом элементе div.Объяснение примеров :last-child
Примеры :only-child
Ищет и выделяет кнопки, которые не имеют родственных элементов в каждом блоке div.Объяснение примеров :only-child
Примеры :input
Поиск всех элементов input.Объяснение примеров :input
Примеры :text
Поиск всех элементов ввода типа text.Объяснение примеров :text
Примеры :password
Поиск всех элементов ввода типа password.Объяснение примеров :password
Примеры :radio
Поиск всех элементов ввода типа radio.Объяснение примеров :radio
Примеры :checkbox
Поиск всех элементов ввода типа checkbox.Объяснение примеров :checkbox
Примеры :submit
Поиск всех элементов ввода типа submit.Объяснение примеров :submit
Примеры :image
Поиск всех элементов ввода типа image.Объяснение примеров :image
Примеры :reset
Поиск всех элементов ввода типа reset.Объяснение примеров :reset
Примеры :button
Поиск всех элементов ввода типа button.Объяснение примеров :button
Примеры :file
Поиск всех элементов ввода типа file.Объяснение примеров :file
Примеры :enabled
Поиск всех активных элементов.Объяснение примеров :enabled
Примеры :disabled
Поиск всех неактивных элементов.Объяснение примеров :disabled
Примеры [атрибут^=значение]
Ищет все элементы input, имя атрибута которых начинается с ‘news’, и затем вставляет текст в них.Объяснение примеров [атрибут^=значение]
Примеры length
Считает элементыe div. Нажмите, чтобы получить еще.Объяснение примеров length
Примеры eq( )
Заливка синим цветом элемента div с индексом 2 путем добавления соответствующего класса.Объяснение примеров eq( )
Примеры map ( )
Построение списка всех значений элементов в пределах формыИскусственный пример, показывающий некоторые функциональные возможности.
Уравнивает высоту DIV-ов.
Объяснение примеров map ( )
Примеры not ( )
Добавляет рамки у элементов div, цвет фона которых не зеленый или не синий.Объяснение примеров not ( )
Примеры slice ( )
Случайным образом закрашивает элементы div.Объяснение примеров slice ( )
Примеры closest ( )
Показывает, как делегирование событий может быть сделано с помощью сlosest.Показывается, как событие делегации может быть сделано с closest.
Объяснение примеров closest ( )
Примеры contents ( )
Поиск всех текстовых блоков в параграфе и применение к ним тэга b.Добавление нового содержимого в пустой фрейм.
Изменяет цвет фона для ссылок внутри iframe.
Объяснение примеров contents ( )
Примеры nextAll ( )
Определение всех элементов div после первого и назначение им класса с именем after.Определение всех параграфов после второго дочернего элемента в блоке body и назначение им класса с именем after.
Объяснение примеров nextAll ( )
Примеры offsetParent ( )
Ищет offsetParent пункта "A":Объяснение примеров offsetParent ( )
Примеры parents ( )
Поиск всех родительских элементов тега <b>.Кликните по тексту для того, чтобы найти всех уникальных родительских элементов div каждого блока span.
Объяснение примеров parents ( )
Примеры prevAll ( )
Определение всех элементов div перед последним и назначение им класса с именем before.Объяснение примеров prevAll ( )
Примеры siblings ( )
Поиск уникальных родственных элементов для всех элементов li желтого цвета в трех списках ( включая другие элементы li, если они подходят).Поиск всех родственных элементов для каждого элемента div, обладающих классом «selected».
Объяснение примеров siblings ( )
Примеры andSelf ( )
Поиск всех элементов div и всех параграфов (элемент р) внутри них, и присвоение им двух имен классов. Обратите внимание, элемент div не имеет желтого фона потому, как он не использовал andSelf().Объяснение примеров andSelf ( )
Примеры end ( )
Выделяет все параграфы, отыскивает в них блоки span и затем обратно возвращает выделение к параграфам.Выделяет все параграфы, отыскивает в них блоки span и затем обратно возвращает выделение к параграфам.
Объяснение примеров end ( )
Примеры offset( )
Получает доступ к отступам второго параграфа:Нажмите, чтобы увидеть отступы.
Объяснение примеров offset( )
Примеры position( )
Получает доступ к значениям позиции второго параграфа:Объяснение примеров position( )
Примеры scrollTop( )
Получает значение scrollTopУстанавливает значение scrollTop
Объяснение примеров scrollTop( )
Примеры scrollLeft( )
Получает значение scrollLeft параграфаУстанавливает значение scrollLeft.
Объяснение примеров scrollLeft( )
Примеры width( )
Показывает несколько значений ширины. Обратите внимание, что значения могут быть немного меньшими, чем Вы ожидали, поскольку значения берутся из фреймов. Желтый цвет показывает тело фрейма.При нажатии ЛКМ, изменяет ширину элемента div до 30px, а также изменяется цвет фона.
Объяснение примеров width( )
Примеры innerHeight( )
Получает значение innerHeightОбъяснение примеров innerHeight( )
Примеры innerWidth( )
Get the innerWidth of a paragraph.Объяснение примеров innerWidth( )
Примеры outerHeight( )
Получает значение outerHeight.Объяснение примеров outerHeight( )
Примеры outerWidth( )
Получает значение outerWidth параграфаОбъяснение примеров outerWidth( )
Примеры size( )
Считает элементыe div. Нажмите, чтобы получить еще.Объяснение примеров size( )
Примеры selector
Определение используемого селектора.Различный сбор элементов
Объяснение примеров selector
Примеры context
Определение используемого контекстаОбъяснение примеров context
Примеры eq( index )
Закрашивает div с индексом 2 в синий прибавляя соответствующий класс.Объяснение примеров eq( index )
Примеры data( )
Сохраняет, а затем получает значение из элемента div.Получение данных, хранящихся в элементе под именем «blah».
Объяснение примеров data( )
Примеры removeData( )
Прикрепляет данные к двум элементам, а затем удаляет в одном из них.Объяснение примеров removeData( )
Примеры queue( )
Показывает длину очереди в данный моментСтавит в очередь пользовательскую функцию.
Задаётся массив, содержащий последовательность действий, для удаления текущей очереди.
Удаляет очередь.
Объяснение примеров queue( )
Примеры dequeue( )
Можно использовать dequeue для завершения пользовательской функции, что позволит очереди продолжаться.Объяснение примеров dequeue( )
Примеры jQuery.param()
Упорядывачивает ключ/значение объекта.Упорядочивает элементы формы в строку запроса, которая может быть отослана на сервер в запросе AJAX.
Объяснение примеров jQuery.param()
Примеры serializeArray()
Получает значения из формы, обрабатывает, добавляя их при этом в элемент result.Get the values from a form, iterate through them, and append them to a results display.
Объяснение примеров serializeArray()
Примеры jQuery.getScript()
Происходит динамическая загрузка и настройка нового дополнения цветной анимации jQuery.Объяснение примеров jQuery.getScript()
Примеры [attribute|=value]
Находит все линки с атрибутом hreflang являющийся английскимОбъяснение примеров [attribute|=value]
Примеры [attribute~=value]
Находит все поля ввода с атрибутом name, которые включают слово 'man' и устанавливает значение с каким-либо текстомОбъяснение примеров [attribute~=value]
Примеры event.preventDefault()
Отменяет действие по умолчанию (навигация) на линк.Объяснение примеров event.preventDefault()
Примеры event.target
Отображает имя тега по нажатиюРеализует простую делегацию события: обработчик нажатия добавляет неупорядоченный список, и дети детей тега li являются скрытыми. Нажатие на одном из детей li переключает ( см. toggle() ) режим показа его детей.
Объяснение примеров event.target
Примеры event.pageX
Показывает позицию мышки относительно левого и верхнего краев документа (в iframe).Объяснение примеров event.pageX
Примеры event.which
Показывает, какие ключи были нажаты.Объяснение примеров event.which
Примеры event.timeStamp
Отображает время, прошедшее с последнего нажатия.Объяснение примеров event.timeStamp
Примеры event.isImmediatePropagationStopped()
Проверяет если event.stopImmediatePropagation() был когда-либо вызван.Объяснение примеров event.isImmediatePropagationStopped()
Примеры event.isPropagationStopped()
Проверяет если event.stopPropagation() был вызван.Объяснение примеров event.isPropagationStopped()
Примеры event.result
Показывает предыдущее возвращенное значение обработчикаОбъяснение примеров event.result
Примеры event.stopImmediatePropagation()
Предотвращает других обработчиков событий от вызова.Объяснение примеров event.stopImmediatePropagation()
Примеры delay()
Анимации скрытия и отображения двух DIV-ов, с задержкой первого перед показом.Объяснение примеров delay()
Примеры detach()
Удаляет все параграфы из DOMОбъяснение примеров detach()
Примеры first()
Выделяет первый элемент span в параграфе.Объяснение примеров first()
Примеры focusin()
Следит за фокусом на странице.Объяснение примеров focusin()
Примеры focusout()
Демонстрирует потерю фокуса, происходящего внутри параграфов, обратите внимание на разницу между счетчиком focusout и счетчиком blur.Объяснение примеров focusout()
Примеры has()
Проверяет, если элемент находится в другом.Объяснение примеров has()
Примеры last()
Выделяет последний элемент span в параграфе.Объяснение примеров last()
Примеры nextUntil()
Находит братьев, которые следуют за <dt id="term-2"> до следующего <dt> и дает им красный фон.Объяснение примеров nextUntil()
Примеры parentsUntil()
Находит всех предков <li class="item-a"> до <ul class="level-1"> и дает им красный фон.Объяснение примеров parentsUntil()
Примеры prevUntil()
Находит братьев, которые предшествуют <dt id="term-2"> до предыдущего <dt> и дает им красный фонОбъяснение примеров prevUntil()
Примеры toArray()
Выбирает все DIV-ы в этом документе и возвращает элементы DOM в виде массива, а затем использует встроенный способ для переворота этого массива.Объяснение примеров toArray()
Примеры unwrap()
Заворачивает / разворачивает Div вокруг каждого из параграфов.Объяснение примеров unwrap()
Примеры delegate()
Нажмите на параграф, чтобы добавить другой. Обратите внимание .delegate() привязывает событие нажатия на все параграфы - и даже на новые.Также можно связать пользовательские события.
Объяснение примеров delegate()
Примеры undelegate()
Привязывает и отвязывает события к цветной кнопке.Объяснение примеров undelegate()
