Необходимо отыскать элемент по известному значению его атрибута id.

Опубликовал: admin Thursday, July 18, 2024 в категории jQuery, Подборка рецептов | Пока нет комментариев

Решение

Для поиска элемента по значению его атрибута id воспользуемся селектором идентификатора (листинг 1.1.3).

Листинг1 .1 .3 . Использование селектора #id

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>example-1-1-3</title>
<content>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#myDiv").css("border","1px solid #f00");
});
</script>
<style type="text/css"> div {
float:left; width:150px; height:150px; border:1px solid #00f; margin:2px;
}
</style>
</head>
<body>
<span></span>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>example-1-1-3</title>

$(function(){

$("#myDiv").css("border","1px solid #f00");

});

</script>

float:left; width:150px; height:150px; border:1px solid #00f; margin:2px;

}

</style>

</head>

<body>

</body>

</html>

Обсуждение

Отыскав элемент, который имеет значение идентификатора myId, мы применили к нему метод css(), добавив выбранному элементу красную рамку шириной в 1 px, чтобы убедиться в том, что селектор действительно обнаружил нужный элемент.

ПРИМЕЧАНИЕ

Не забывайте важный момент — в пределах документа значение атрибута id обязательно должно быть уникальным.

Источник: Самков Г. А. jQuery. Сборник рецептов. — 2-е изд., перераб. и доп. — СПб.: БХВ-Петербург, 2011. — 416 с.: ил. + CD-ROM — (Профессиональное программирование)

Популярное

Категории

Необходимо отыскать элемент по известному значению его атрибута id.

Решение

Обсуждение

Похожие посты:

Комментировать Cancel reply