Как найти элемент по имени класса с помощью jQuery?
Опубликовано: 06.09.2018
← Предыдущий пример jQuery
Теперь попробуем найти элементы на веб-странице по имени класса с помощью jQuery. Используем для этого селектор .class , повторяющий синтаксис css .
Изучив листинг кода, вы увидите, как мы, используя селектор .class , нашли все элементы содержащие атрибут class со значением elem_name . Окрасим найденные элементы в голубой цвет применяя метод 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(){ $(".elem_name").css("background","#87cefa"); }); </script> <style type="text/css"> p, ol, div { background:2px #ccc; margin:3px; padding:4px; } </style> </head> <body> <p>p</p> <div class="elem_name">div class="elem_name"</div> <ol class="elem_name"> <li>li списка ol class="elem_name"</li> <li>li списка ol class="elem_name"</li> </ol> <div>div</div> <p class="elem_name">p class="elem_name"</p> </body> </html>Следующий пример jQuery →
2903