Учебное пособие по jQuery

jQuery Hello World Example
Простой пример jQuery hello world, показывающий, как загрузить и включить библиотеку jQuery в HTML-страницу.

Call function in JavaScript and jQuery
Продемонстрируйте различные способы вызова функции в JavaScript и jQuery для создания динамического содержимого после загрузки страницы.

Load jQuery from Google code
Пример, показывающий, как загрузить библиотеку jQuery из Google и почему вам это нужно.

Table Zebra Stripes effect with jQuery
Создание эффекта полос зебры таблицы с помощью jQuery (всего одна строка).

Page loading effects with jQuery
Создайте эффект постепенного увеличения загрузки страницы с помощью jQuery.

Page refresh with jQuery
Обновить страницу с помощью jQuery location.reload ();

Stop a page from exit or unload with jQuery
Остановить страницу от выхода или выгрузить с помощью события jQuery «beforeunload».

Check if an image is loaded with jQuery
Объедините использование события jQuery «load ()» и «error ()», чтобы проверить, загружено ли изображение или нет.

Check if an element is exists with jQuery
Пример, показывающий, как проверить, существует ли элемент с помощью jQuery.

Add / remove CSS class dynamically
Пример, показывающий, как динамически добавлять / удалять класс CSS с помощью jQuery.

Check if an element has a certain CSS class
Пример, показывающий, как проверить, имеет ли элемент определенный класс CSS с помощью jQuery.

Load JavaScript library at runtime with jQuery
Пример, показывающий загрузку внешней библиотеки JavsScript, работающей с jQuery.

Tooltips example with jQuery
Пример, показывающий, как создать эффект всплывающих подсказок с помощью jQuery.

Check if jQuery library is loaded
Как проверить, загружена ли библиотека jQuery.

Get Delicious bookmark count with jQuery Ajax function
Как получить Delicious счетчик закладок с помощью удаленного вызова jQuery Ajax.

Highlight table row record on hover
Как выделить запись строки таблицы при наведении курсора с помощью jQuery.

Select CSS class name and id with jQuery
Выберите имя и идентификатор класса CSS с помощью jQuery, $ (. classname) и $ (# id).

Universal * selector
Выбрать все элементы, все.

Select mutiple elements
Выберите несколько элементов с помощью jQuery.

Get tag name with jQuery
Получите имя тега с помощью jQuery tagName.

Get tag value with jQuery
Получите значение тега с помощью jQuery .html ().

Not selector
выбрать все элементы, которые не соответствуют селектору.

Empty selector
выбрать все элементы, у которых нет дочерних элементов или текста внутри.

Contains selector
Выбрать все элементы, содержащие указанный текст.

Attribute selectors [ ]
8 примеров селекторов атрибутов, чтобы показать использование селекторов атрибутов с jQuery.

Child and Sibling Selectors
Понимание четырех типов дочерних и одноуровневых селекторов jQuery: селектор потомков (AB), дочерний селектор (A> B), смежный родственный селектор (A + B) и общий родственный селектор (A ~ Б).

nth-child selector
Выбрать все элементы, которые являются ntg-дочерними элементами своего родителя.

First child & Last child selectors
Выберите первый или последний дочерний элемент с помощью jQuery, сокращенного обозначения ntg-child.

Only child selector
Выбрать все элементы, которые являются единственными дочерними элементами своего родителя.

Child selector (X > Y)
выбирает все элементы, соответствующие «Y», которые являются дочерними для элемента «X».

Descendant selector (X Y)
Выбрать все элементы, соответствующие «Y», которые являются дочерними элементами, внуками, правнуками, праправнуками ... (на любой глубине) элемента «X».

General sibling selector (X ~ Y)
Выбрать все элементы, соответствующие «Y», который является родственником элемента «X».

Adjacent sibling selector (X + Y)
Выберите непосредственно следующие или следующие элементы, соответствующие «Y», который является родственником элемента «X».

find() selector
Выбрать определенные элементы из набора совпадающих элементов (только потомки).

filter() selector
Выберите определенные элементы из набора совпадающих элементов (Все уровни).

Different between filter() and find()
Пример, показывающий разницу между filter () и find () в jQuery.

next() selector
Выбрать ближайший к нему родственный элемент в наборе совпадающих элементов

prev() selector
Выбрать непосредственно предшествующий одноуровневый элемент в наборе совпадающих элементов

children() selector
Выберите дочерний элемент из совпадающих элементов, он перемещается только на один уровень вниз.

Difference between find() and children()
Пример, показывающий разницу между find () и children () в jQuery.

before() and insertBefore() example
Добавьте текст или HTML-контент перед соответствующими элементами с помощью jQuery.

after() and insertAfter() example
Добавьте текст или HTML-контент после согласованных элементов с помощью jQuery.

prepend() and prependTo() example
Добавьте текст или содержимое HTML перед содержимым совпадающих элементов с помощью jQuery.

append() and appendTo() example
Добавьте текст или содержимое HTML после содержимого совпадающих элементов с помощью jQuery.

clone() example
Создайте копию совпадающих элементов с помощью jQuery

empty() and remove() example
Удалите совпадающие элементы с помощью jQuery.

html() example
Получить или установить HTML-содержимое совпадающих элементов с помощью jQuery.

text() example
Получить или установить текст совпадающих элементов с помощью jQuery.

toggleClass example
Пример, показывающий, как использовать toggleClass jQuery - если совпадающие элементы не имеют имени класса, добавьте его; если совпадающие элементы уже имеют имя класса, удалите его.

wrap() example
Оберните HTML-элемент вокруг каждого из совпадающих элементов.

Form selectors examples
jQuery-селекторы для элементов формы: TextBox, Password, Textarea, Radio Buttons, Check Box, Upload File, Hidden value, Select (dropdown box), Submit button and Reset button.

Form events examples
события формы jQuery: focus (), blur (), change (), select () и submit ().

Get textbox value
используют val () для получения значения текстового поля с помощью jQuery.

Add / remove textbox
Добавить или удалить текстовое поле с помощью jQuery.

Select a radio button
Выберите переключатель с jQuery.

Set a dropdown box value
Установите значение раскрывающегося списка в jQuery.

Disable submit button after clicked
Отключить кнопку отправки после нажатия с помощью jQuery.

fadeIn(), fadeOut() and fadeTo() example
Демонстрация эффектов jQuery fadeIn (), fadeOut () и fadeTo ().

slideUp(), slideDown() and slideToggle() example
Демонстрация эффектов jQuery slideUp (), slideDown () и slideToggle ().

show() and hide() example
Демонстрация эффектов jQuery show () и hide ().

bind() and unbind() example
Как присоединить или отсоединить обработчик событий для совпадающих элементов.

Trigger other elements event handler
Как вызвать обработчик событий других элементов с помощью jQuery.

Mashable floating effect example with jQuery
Пример, демонстрирующий, как использовать событие scroll () браузера для реализации потрясающего эффекта прокрутки Mashable.

resize() example
Обнаружить, что размер браузера изменился.

click() and dblclick() example
Обнаружение одиночного и двойного щелчков мыши с помощью jQuery.

mousemove() example
Обнаружение движения мыши с помощью jQuery.

Different between mouseover() and mouseenter()
Пример, показывающий разницу между mouseover () и mouseenter () в jQuery.

Different between mouseout() and mouseleave()
Пример, показывающий разницу между mouseout () и mouseleave () в jQuery.

Different between mouseup() and mousedown()
Пример, показывающий разницу между mouseup () и mousedown () в jQuery.

Keyboard events example
События клавиатуры - пример keyup (), keydown () и keypress ().

Check if an enter key is pressed
Пример, показывающий, как проверить, нажата ли «клавиша ввода» с событием клавиатуры jQuery.

Detect copy, paste and cut behavior
Как определить поведение копирования, вставки и вырезания с помощью jQuery.

jQuery $() function is not working?
Покажите, как избежать конфликта jQuery с помощью jQuery.noConflict () или jQuery ().

Access to restricted URI denied
Решение для устранения ошибки «Доступ к ограниченному URI запрещен».

Документация по jQuery API