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

Давайте рассмотрим базовые селекторы jQuery!

Первый селектор jQuery all().

Ищет все элементы страницы (даже html, head, body)


//jQuery Code

$("*").css("border","3px solid red");

//jQuery Code

Пример jQuery — дает рамку всем элементам страницы.

Селектор class(class).

Выбирает все элементы заданного класса. Возвращает массив элементов.


//jQuery Code

$(".myClass").css("border","3px solid red");

//jQuery Code

В примере элементы указанного класса с помощью jQuery обретают красную рамку.

Селектор Jquery element(element)

Этот селектор выбирает все элементы страницы с тегом, который указан. При этом class и id элемента не играет для jQuery роли.


//jQuery Code

$("div").css("border","3px solid red");

//jQuery Code

В следующем примере jQuery у всех тегах div появляется красная рамка, у других элементах ее нету.

Если jQuery может выбирать элементы по классам, то также она может выбирать и элемент по идентификатору (id).
Возвращает массив, хотя правильней будет сказать не массив, а один элемент, т.к. идентификатор по правилам присваивается только один раз одному элементу.

//jQuery Code

$(«#myDiv»).css(«border»,»3px solid red»);

//jQuery Code

[/sourcecode]

В этом примере jQuery возвращает элемент с идентификатором myDiv.


//jQuery Code

$("#myID\\.entry\\[1\\]").css("border","3px solid red");

//jQuery Code

Также jQuery может элементы с идентификаторами которые содержат специальные символы, их нужно экранировать. Обратите внимание на этот пример.

Синтаксис селекторов основан на CSS, соответственно можно выбирать с помощью jQuery сразу по нескольким тегам, классам или идентификаторам.


//jQuery Code

$("div,span,p.myClass").css("border","3px solid red");

//jQuery Code

Пример показывает выбор по нескольким параметрам.


//jQuery Code

var list = $("div,p,span").map(function () {
return this.tagName;
}).get().join(", ");
$("b").append(document.createTextNode(list));

//jQuery Code

А в этом примере jQuery показывается порядок элементов страницы с jQuery.

jQuery селекторы — Базовые селекторы jQuery: Один комментарий

  1. Уведомление: IANTD

Добавить комментарий