С помощью селекторов jQuery Вы можете выбрать любой элемент на странице.
Все возможные варианты использования селекторов перечислены в таблице ниже:
| Пример | Описание |
|---|---|
| $('*') | Будут выбраны все элементы присутствующие на странице. |
| $("#el1") | Будет выбран элемент с id=el1. |
| $(".el1") | Будут выбраны все элементы на странице с class=el1. |
| $("div") | Будут выбраны все элементы div на странице. |
| $("div, #el1, .el1") | Будут выбраны все элементы div, элемент с id="el1" и все элементы с class="el1" на странице. |
| $("div.el1") | Будут выбраны все элементы div на странице атрибут class которых равен el1. |
| $("p > div") | Будут выбраны все элементы потомки div родительского элемента p. |
| $("[src]") | Будут выбраны все элементы на странице имеющие атрибут src. |
| $("[src='wisdomweb.gif']") | Будут выбраны все элементы на странице со значениями атрибута src="wisdomweb.gif". |
| $("[src!='wisdomweb.gif']") | Будут выбраны все элементы на странице со значениями атрибута src не равными "wisdomweb.gif". |
| $("[src^='wisdomweb']") | Будут выбраны все элементы на странице со значениями атрибута src начинающимися на wisdomweb (например wisdomweb.ru, wisdomweb.gif и т.д.). |
| $("[src$='.gif']") | Будут выбраны все элементы на странице со значениями атрибута src заканчивающимися на .gif. |
| $("[src*='wisdomweb']") | Будут выбраны все элементы на странице со значениями атрибута src содержащими wisdomweb. |
| $(":input") | Будут выбраны все элементы input на странице. |
| $(":button") | Будут выбраны все элементы input на странице с атрибутом type=button. |
| $(":text") | Будут выбраны все элементы input на странице с атрибутом type=text. |
| $(":password") | Будут выбраны все элементы input на странице с атрибутом type=password. |
| $(":radio") | Будут выбраны все элементы input на странице с атрибутом type=radio. |
| $(":checkbox") | Будут выбраны все элементы input на странице с атрибутом type=checkbox. |
| $(":reset") | Будут выбраны все элементы input на странице с атрибутом type=reset. |
| $(":image") | Будут выбраны все элементы input на странице с атрибутом type=image. |
| $(":file") | Будут выбраны все элементы input на странице с атрибутом type=file. |
| $("div:first") | Будет выбран первый div элемент на странице. |
| $("div:last") | Будет выбран последний div элемент на странице. |
| $("li:even") | Будут выбраны все элементы списка с четными индексами. Так как нумерация индексов элементов начинается с 0, то по сути будут выбраны нечетные элементы т.е. 1й, 3й, 5й элементы списка и т.д. |
| $("li:odd") | Будет выбраны все элементы с нечетными индексами. Так как нумерация индексов элементов начинается с 0, то по сути будут выбраны четные элементы т.е. 2й, 4й, 6й элементы списка и т.д. |
| $("li:eq(3)") | Будет выбран 4 элемент списка (нумерация элементов в списке начинается с нуля). |
| $("li:gt(1)") | Будет выбраны все элементы списка индекс которых больше 1 (т.е. все элементы списка начиная с 3 элемента). |
| $("li:lt(2)") | Будет выбраны все элементы списка индекс которых меньше 2 (т.е. первые 2 элемента списка). |
| $(":header") | Будет выбраны все элементы на странице являющиеся заголовками (т.е. элементы h1, h2, h5 и т.д.). |
| $(":animated") | Будет выбраны все анимированные элементы, которые находятся на странице. |
| $(":contains('wisdomweb')") | Будет выбраны все элементы содержащие строку wisdomweb. |
| $(":empty") | Будет выбраны все элементы не имеющие узлов потомков. |
| $(":hidden") | Будет выбраны все скрытые элементы на странице. |
| $(":visible") | Будет выбраны все видимые элементы находящиеся на странице. |
