SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

Выборка элементов

Базовые селекторы

$( " * " ) //выбор абсолютно всех элементов присутствующих в текущем html-документе Подробнее...

$( " #mydiv " ) // выбор элемента на странице по названию уникального идентификатора (будет отобран элемент с id="mydiv") Подробнее...

$( " .myclass " ) //выбор элементов на странице по названию класса (будут отобраны все элементы, которым присвоен класс "myclass") Подробнее...

$( " p " ) // выбор элементов на странице по названию тега (будут отобраны все параграфы, находящиеся на странице) Подробнее...

Иерархические селекторы

$( " div.demo span " ) // выбор всех span, находящихся внутри блока с классом demo (будут отобраны все "span", которые находятся внутри "div" с классом "demo", если в span будет вложен еще один span, то он тоже будет отобран) Подробнее...

$( " div ", " #myid " ) // то же, что и в предыдущих примерах (будут отобраны все "div", которые находятся внутри блока с идентификатором "myid") Подробнее...

$( " div.myclass > span " ) // выбор дочерних элементов (будут отобраны все span, находящийся в блоке с классом "myclass", и являющиеся дочерними (потомками первого уровня) по отношению к этому блоку, если в span будет вложен еще один span, то он не будет отобран) Подробнее...

$( " #demo + p " ) // выбор следующего за указанным элемента (будет отобран параграф, находящийся сразу же за элементом с идентификатором "demo") Подробнее...

$( " а ~ p " ) // выбор всех, следующих за указанным элементов (будут отобраны все параграфы, находящийся за ссылкой и являющиеся сестринскими по отношению к этой ссылке) Подробнее...

Селекторы форм

$( " :input " ) // выбор всех элементов input Подробнее...

$( " input:text " ) // выбор всех элементов input с type="text" Подробнее...

$( " input:password " ) // выбор всех элементов input с type="password" Подробнее...

$( " input:radio " ) // выбор всех элементов input с type="radio" Подробнее...

$( " input:checkbox " ) // выбор всех элементов input с type="checkbox" Подробнее...

$( " input:reset " ) // выбор всех элементов input с type="reset" Подробнее...

$( " input:submit " ) // выбор всех элементов input с type="submit" Подробнее...

$( " input:button " ) // выбор всех элементов input, являющихся кнопками (кнопки с атрибутом button, или кнопки созданные с помощью тегов button) Подробнее...

$( " input:file " ) // выбор всех элементов input с type="file" Подробнее...

Базовые фильтры

$( " div:odd " ) //выбор нечетных блоков "div" на странице (будут отобраны только нечетные элементы "div", присутствующие на странице - отсчет начинается с нуля) Подробнее...

$( " #mytable tr:even " ) //выбор четных "tr" в таблице (будут отобраны только четные элементы "tr" из таблицы с идентификатором "mytable" - отсчет начинается с нуля) Подробнее...

$( " img:not(#mypic img) " ) //выбор всех элементов на странице кроме указанных (будут отобраны все элементы "img", присутствующие на странице, кроме изображений, расположенных в блоке с идентификатором "mypic") Подробнее...

$( " div:eq(3) " ) //выбор элемента по порядковому номеру (будут отобран четвертый по счету блок "div" на текущей странице - отсчет начинается с нуля) Подробнее...

$( " div:gt(1) " ) //выбор элементов c индексом большим, чем указано в параметре (будут отобраны все блоки "div" на текущей странице начиная с третьего - отсчет начинается с нуля) Подробнее...

$( " div:lt(3) " ) //выбор элементов c индексом меньшим, чем указано в параметре (будут отобраны все блоки "div" на текущей странице до третьего включительно - отсчет начинается с нуля) Подробнее...

$( " :header " ) //выбор всех заголовков на текущей странице Подробнее...

$( " div:animated " ) //выбор всех блоков "div", анимированных в текущий момент времени Подробнее...

$( " p:first " ) //выбор первого абзаца в текущем документе Подробнее...

$( " p:last " ) //выбор последнего абзаца в текущем документе Подробнее...

Фильтры контента

$( " p:contains ( текст ) " ) //выбор элементов в текущем документе в содержимом которых встретится текст, переданный параметром в фильтр (будут отобраны все параграфы содержащие внутри себя слово "текст") Подробнее...

$( " div:empty " ) //выбор всех пустых элементов (будут отобраны все блоки "div" на текущей странице, не содержащие внутри себя ничего, включая текст) Подробнее...

$( " div:parent " ) //выбор всех элементов содержащих внутри себя дочерние элементы (будут отобраны все блоки "div" на текущей странице, внутри которых есть дочерние элементы, включая текст) Подробнее...

$( " div:has( span.red ) " ) //выбор всех элементов, которые содержат внутри себя хотя бы один из элементов переданный в параметре фильтра (будут отобраны все блоки "div" на текущей странице, содержащие внутри себя хотя бы один span с классом red) Подробнее...

Фильтры видимости

$( " div:hidden " ) //выбор всех скрытых элементов на текущей странице Подробнее...

$( " div:visible " ) //выбор всех видимых элементов на текущей странице Подробнее...

Фильтры атрибутов

$( " [alt] " ) //выбор элементов на текущей странице, содержащих указанный атрибут (будут отобраны все элементы на текущей странице, у которых есть атрибут alt) Подробнее...

$( " [alt=myatr] " ) //выбор элементов на текущей странице, содержащих указанный атрибут с указанным значением (будут отобраны все элементы на текущей странице, у которых есть атрибут alt со значением myatr) Подробнее...

$( " [alt!=myatr] " ) //выбор элементов на текущей странице, содержащих указанный атрибут, но у которых значение не равно указанному (будут отобраны все элементы на текущей странице, у которых есть атрибут alt, содержащие значение не myatr) Подробнее...

$( " [alt^=myatr] " ) //выбор элементов на текущей странице, содержащих указанный атрибут, у которых значение начинается с указанного (будут отобраны все элементы на текущей странице, у которых есть атрибут alt и значение будет начинаться со слова myatr) Подробнее...

$( " [alt$=myatr] " ) //выбор элементов на текущей странице, содержащих указанный атрибут, у которых значение заканчивается указанным (будут отобраны все элементы на текущей странице, у которых есть атрибут alt и значение будет заканчиваться словом myatr) Подробнее...

$( " img[src*=pic] " ) // выбор элементов по части значения атрибута (будут отобраны все изображения, находящийся на странице, у которых в атрибуте "src" встречается слово "pic") Подробнее...

Фильтры семейств

$( " div:first-child " ) // выбор первого дочернего элемента (будет отобран первый дочерний элемент в блоке div на текущей странице) Подробнее...

$( " div:last-child " ) // выбор последнего дочернего элемента (будет отобран последний дочерний элемент в блоке div на текущей странице) Подробнее...

$( " div:only-child " ) // выбор единственного дочернего элемента (будет отобран единственный дочерний элемент в блоке div на текущей странице, который содержит этот элемент - если в блоке будет содержаться несколько дочерних элементов, то ничего отобрано не будет) Подробнее...

$( " div:nth-child(even) " ) // выбор четных дочерних элементов (будут отобраны все четные дочерние элементы в блоке div на текущей странице) Подробнее...

$( " div:nth-child(odd) " ) // выбор нечетных дочерних элементов (будут отобраны все нечетные дочерние элементы в блоке div на текущей странице) Подробнее...

$( " div:nth-child(2) " ) // выбор дочерних элементов с заданным индексом (будет отобран третий дочерний элемент в блоке div на текущей странице) Подробнее...

$( " div:nth-child(2n+1) " ) // выбор дочерних элементов по формуле (будут отобраны все нечетные дочерние элементы в блоке div на текущей странице) Подробнее...

Фильтры форм

$( " :enabled " ) // выбор всех активных элементов форм Подробнее...

$( " :disabled " ) // выбор всех неактивных элементов форм Подробнее...

$( " :checked " ) // выбор всех отмеченных элементов форм (выбранные радиокнопки и чекбоксы) Подробнее...

$( " :selected " ) // выбор всех выбранных элементов форм (выбранный option элемент в select) Подробнее...