Оглавление

2.1. Часто используемые селекторы

Перечислим наиболее часто используемые селекторы.
•  * — коллекция всех тегов

var n = $("*").size(); // Количество тегов

       
•   Тег — коллекция всех тегов, имеющих указанное имя
$('p').css('backgroundColor','red'); // Делаем фон всех абзацев красным

 
•  #Идентификатор— ссылка на элемент с указанным идентификатором
$('#id1').css('backgroundColor','red'); // Делаем фон красным для элемента с id='id1'
(Если элементов с одинаковым идентификатором несколько, то будет возвращена ссылка только на первый элемент)

 
•     Тег#Идентификатор— ссылка на элемент с указанным идентификатором, который расположен в определенном теге
$('p#id1').css('backgroundColor','red'); // Делаем фон красным для абзаца с id='id1'

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

 

•  .Класс— коллекция элементов, имеющих указанный класс

$('.cls2').css('backgroundColor','red');

 // Делаем фон красным для всех элементов с class='cls2'  

 
•  Тег.Класс — коллекция элементов, имеющих указанный класс в определенном теге
$('p.cls2').css('backgroundColor','red');

// Делаем фон красным для всех абзацев с class='cls2'

 

Примечание
Для ускорения выборки не следует указывать название тега перед идентификатором. Например, пишите '#id1' вместо 'p#id1'. Если поиск производится по стилевому классу, то, наоборот, следует указать название тега. Например, пишите 'p.cls' вместо 'cls'.

 

Если название идентификатора (или класса) содержит специальные символы (например, точку или квадратные скобки), то их необходимо экранировать двумя слешами (\\).

$('#div1\\.index\\[5\\]').html('Текст');


В этом примере получаем ссылку на следующий элемент.

<div id="divl.index[5]"></div>

 

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити