Ссылки на плагины jQuery.

Как создать сайт?
Как создать свой сайт легко и просто, имеются библиотеки html, css, php, javascript, jquery, web-график.

автор: Васильев Олег Никандрович.

Селекторы jQuery

Селектор

Пример

Выбирает

$("*")

Все элементы

#id

$("#stn")

Элемент с id="stn"

.class

$(".ntr")

Все элементы с class="ntr"

.class,.class

$(".ntr,.dmo")

Все элементы с class "ntr" или "dmo"

element

$("p")

Все <p> элементы

el1,el2,el3

$("h2,h4,span,p")

Все <h2>, <h4>, <span> и <p> элементы

:first

$("p:first")

Первый <p> элемент

:last

$("p:last")

Последний <p> элемент

:even

$("tr:even")

Все четные <tr> элементы

:odd

$("tr:odd")

Все нечетные <tr> элементы

:first-child

$("p:first-child")

Все <p> элементы первого дочернего элемента родителя

:first-of-type

$("p:first-of-type")

Все <p> элементы, которые являются первыми <p> их родительского элемента

:last-child

$("p:last-child")

Все <p> элементы, которые являются последним дочерним элементом своего родителя

:last-of-type

$("p:last-of-type")

Все <p> элементы последнего <p> их родительского элемента

:nth-child(n)

$("p:nth-child(2)")

Все <p> элементы, на 2-го дочернего элемента родителя

:nth-last-child(n)

$("p:nth-last-child(2)")

<p> элементы 2-го дочернего элемента родителей, считая от последнего дочернего элемента

:nth-of-type(n)

$("p:nth-of-type(2)")

Все <p> элементы 2 <p> их родительского элемента

:nth-last-of-type(n)

$("p:nth-last-of-type(2)")

Все <p> элементы 2 <p> родителей, считая от последнего дочернего элемента

:only-child

$("p:only-child")

Все <p> элементы, которые являются единственным дочерним элементом родителей

:only-of-type

$("p:only-of-type")

Все <p> элементы, которые являются единственным дочерним элементом родителей

parent > child

$("div > p")

Все <p> элементы, которые являются прямым потомком <div> элемента

parent descendant

$("div p")

Все <p> элементы, которые являются потомками <div> элемента

element_next

$("div + p")

<p> элементов, которые находятся рядом друг с <div> элементом

element ~ siblings

$("div ~ p")

Все <p> элементы, дочерние с <div> элементом

:eq(index)

$("ul li:eq(3)")

Четвертый элемент в списке (индекс начинается с 0)

:gt(no)

$("ul li:gt(3)")

Элементы списка с индексом, больше, чем 3

:lt(no)

$("ul li:lt(3)")

Элементы списка с индексом менее 3

:not(selector)

$("input:not(:empty)")

Все входные элементы, которые не являются пустыми

:header

$(":header")

Все элементы заголовка <h1>, <h2> ...

:animated

$(":animated")

Все анимированные элементы

:focus

$(":focus")

Элемент, который в данный момент имеет фокус

:contains(text)

$(":contains('script')")

Все элементы, которые содержит текст "script"

:has(selector)

$("div:has(p)")

Все <div> элементы, <p> элемент

:empty

$(":empty")

Все элементы, которые являются пустыми

:parent

$(":parent")

Все элементы, которые находятся у родителя другого элемента

:hidden

$("p:hidden")

Все скрытые абзацы <p> элементы

:visible

$("table:visible")

Все видимые таблицы

:root

$(":root")

В корневой элемент документа

:lang(language)

$("p:lang(it)")

Все <p> элементы с атрибут lang значение, начиная с "it"

[attribute]

$("[href]")

Все элементы с атрибутом href

[attribute=value]

$("[href='default.htm']")

Все элементы с атрибутом href, равное "."

[attribute!=value]

$("[href!='default.htm']")

Все элементы с атрибутом href значение, не равное "."

[attribute$=value]

$("[href$='.org']")

Все элементы со значением атрибута href заканчивая ".org"

[attribute|=value]

$("[title|='Доброе утро!']")

Все элементы, которые имеют атрибут " title " равное", "Доброе утро!", или начиная с 'Доброе утро!', за которым следует дефис

[attribute^=value]

$("[title^='нация']")

Все элементы, которые имеют атрибут "title" значение, начиная с "нация"

[attribute~=value]

$("[title~='нация']")

Все элементы, которые имеют атрибут "title" значением, содержащим определенные слова "нация"

[attribute*=value]

$("[title*='нация']")

Все элементы, которые имеют атрибут "title" значение, содержащее слово "нация"

:input

$(":input")

Все элементы ввода

:text

$(":text")

Всех элементов input с type="текст"

:password

$(":password")

Всех элементов input с type="пароль"

:radio

$(":radio")

Всех элементов input с type="радио"

:checkbox

$(":checkbox")

Всех элементов input с type="галочка"

:submit

$(":submit")

Всех элементов input с type="отправить"

:reset

$(":reset")

Всех элементов input с type="перезагрузки"

:button

$(":button")

Всех элементов input с type="кнопка"

:image

$(":image")

Всех элементов input с type="изображение"

:file

$(":file")

Всех элементов input с type="файл"

:enabled

$(":enabled")

Все включенные элементы ввода

:disabled

$(":disabled")

Все отключенные элементы ввода

:selected

$(":selected")

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

:checked

$(":checked")

Все отмеченные элементы ввода

Ссылки на плагины jQuery.

Селекторы jQuery

ПОНРАВИЛОСЬ?ПОДЕЛИСЬ с ДРУЗЬЯМИ:

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: