Применяем составной селектор jQuery для поиска разных элементов

Опубликовано: 06.09.2018

← Предыдущий пример jQuery

Составной селектор jQuery позволяет одновременно выбирать разные элементы по их названию, идентификатору, имени класса. Им-то мы и воспользуемся в нашем коде.

Скопировав и запустив код из указанного ниже листинга, вы увидите, что благодаря составному селектору были найдены все элементы p , элементы div имеющие имя класса class1 , а также элемент li с идентификатором id2 , как и было задумано.

Методом css() окрашиваем найденные элементы в голубой цвет.

<!DOCTYPE html> <html><head> <meta charset="utf-8"> <title>Используем составной селектор jQuery для поиска элементов по их названию, идентификатору, имени класса.</title> <script src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(function(){ $("#id2, div.class1, p").css("background","#87cefa"); }); </script> <style type="text/css"> div,p,li { background:2px #ccc; margin:3px; padding:4px; } </style> </head> <body> <p>Элемент p</p> <div>Элемент div</div> <div class="class1">Элемент div class="class1"</div> <div>Элемент div</div> <ol id="test"> <li id="id1">Пункт списка с идентификатором id="id1"</li> <li id="id2">Пункт списка с идентификатором id="id2"</li> </ol> <div class="class1">Элемент div class="class1"</div> <p>Элемент p</p> </body> </html>

3431