# Селектор button

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

## Синтаксис

Так мы выбираем кнопки:

`$(':button');`

## Пример

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

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

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

- тег `button`
- тег `input`
- метод `filter`,
  который фильтрует элементы в наборе по заданному селектору
- метод `addClass`,
  который добавляет заданный CSS класс элементу

←→
↑