("first, second, ...")1.0
Соответствует элементам, удовлетворяющим хотя бы одному из селекторов (first, second, ...).
Примеры использования:
$('div, span')
| вернет все div и span элементы.
|
$('div, .lBlock, #footer')
| вернет набор из div-элементов, элементов с классом lBlock и элемента с идентификатором footer.
|
Для объединения результатов работы разных селекторов можно так же воспользоваться методом .add():
$('div, .lBox');
// результат будет аналогичен
$('div').add('.lBox');
// однако второй вариант будет выполняться медленнее
// использование add оправдано например случае
$("div") // найдем все div-элементы
.css("color", "red") // установим div'ам красный цвет текста
.add(".lBox") // добавим в набор элементы с классом lBox
.fadeTo(0, 0.5); // установим прозрачность в 50% всем div'ам и элементам класса lBox
В действии
Обведем красной рамкой все элементы с классом .someClass и все span-элементы:
~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
~lt~script src="https://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~
~lt~style~gt~
div, span {
display: block;
width: 50px;
height: 50px;
float: left;
padding: 15px;
margin: 5px;
background-color: #EEEEEE;
font-size: 20pt;
}
~lt~/style~gt~
~lt~/head~gt~
~lt~body~gt~
~lt~div class="someClass"~gt~ 1 ~lt~/div~gt~
~lt~div~gt~ 2 ~lt~/div~gt~
~lt~span~gt~ 3 ~lt~/span~gt~
~lt~div class="someClass"~gt~ 4 ~lt~/div~gt~
~lt~script~gt~
$("span, .someClass").css("border","3px solid red");
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~
Ссылки