Селектор 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(); // предотвратява изпращането на формата
});
