SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

Главная / jQuery шпаргалки / Выборка элементов / Выборка активных элементов формы

Выборка кнопок типа submit

  • Задача 1:

    - обвести зеленой рамкой все элементы формы, у которых атрибут type имеет значение submit, или элементы, окруженные тегом button.

    Показать решение

    • Решение:

      $(function () {
	$(':submit').css('border', '1px solid #00cc00');
});

      Пояснение:

      Для решения задачи с помощью селектора $(':submit') обращаемся ко всем кнопкам со значением атрибута submit и элементам, окруженным тегом button и изменяем цвет их рамки.

      Результат:

      При загрузке страницы, к которой подключен скрипт, все кнопки со значением атрибута submit и элементы, окруженные тегом button будут обведены зеленой однопиксельной рамкой.

  • Задача 2:

    - обвести зеленой рамкой только те элементы формы, у которых атрибут type имеет значение submit.

    Показать решение

    • Решение:

      $(function () {
	$('input:submit').css('border', '1px solid #00cc00');
});

      Пояснение:

      Для решения задачи с помощью селектора $('input:submit') обращаемся ко всем кнопкам со значением атрибута submit и изменяем цвет их рамки.

      Результат:

      При загрузке страницы, к которой подключен скрипт, все кнопки со значением атрибута submit будут обведены зеленой однопиксельной рамкой.

Автор: Super User