Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


Выбор нескольких id (jQuery)

Выбрать несколько элементов по идентификатору в jQuery достаточно просто — указать их через запятую.

Пример

Есть две кнопки с идентификаторами btn_1 и btn_2 соответственно.

Задача: при нажатии на каждую из кнопок вывести сообщение с атрибутом value для каждой кнопки.

Смотреть онлайн-пример.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Выбор нескольких id (jQuery)</title>
<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#btn_1, #btn_2').click(function(){
        alert($(this).attr('value'));
    });
});
</script>
</head>

<body>

<h1><a href="/e/Выбор_нескольких_id_(jQuery)">Выбор нескольких id (jQuery)</a></h1>

<input type="button" value="ПРИВЕТ ПОЛЬЗОВАТЕЛЬ!" id="btn_1"> <br><br>

<input type="button" value="И ПОКА ПОЛЬЗОВАТЕЛЬ!" id="btn_2">

</body>
</html>

Результат

В результате при нажатии на каждую из кнопок вы увидите следующие сообщения.

Выбор нескольких id (jQuery)

Несколько элементов (jQuery)

Опубликовано: 26 октября 2011  ·  Автор: Артём Фёдоров  ·  10557 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptБиблиотекиjQueryВыбор нескольких id (jQuery)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

jQuery, Библиотеки, JavaScript, Программирование

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания