# Селектор image

Селектор `:image` выбирает элементы с типом `image`, являющиеся изображениями для отправки формы. Эквивалентом `$(':image')` является `$('[type=image]')`. Так как `:image` не относится к CSS спецификации, то для улучшения производительности в современных браузерах вместо него лучше применить `[type='image']`.

## Синтаксис

Так мы выбираем элементы с типом `image`:

`$(':image');`

## Пример

Давайте, выберем все инпуты с типом `image` и сделаем им зеленый фон и красную рамку с помощью метода `css`:

`<form> <input type="button" value="button"> <input type="file"> <input type="password"> <button>button</button> <input type="reset"> <input type="radio" name="test"> <input type="radio" name="test"> <input type="checkbox"> <input type="image"> <input type="text"> </form>` <+javascript+> $('input:image').css({background: 'green', border: '2px red solid'}); $('form').submit(function(event) { event.preventDefault(); // предотвращает отправку формы }); <-javascript->

## Смотрите также

- метод `filter`,
  который фильтрует элементы в наборе по заданному селектору
- метод `css`,
  который позволяет получать и изменять CSS стили элемента
- селектор `submit`,
  который выбирает элементы с типом `submit`, являющиеся кнопками отправки формы

←→
↑