Selector button
El selector :button selecciona elementos botón y
todos los elementos con tipo button. Consulte
las etiquetas button,
input
con tipo button.
El equivalente de $(':button') es
$('button'), $("input[type='button']").
Dado que :button no pertenece a la especificación CSS,
para mejorar el rendimiento en los navegadores modernos
es mejor filtrar primero los elementos con
el uso de un selector css puro, y luego
aplicar .filter(':button').
Sintaxis
Así seleccionamos los botones:
$(':button');
Ejemplo
Vamos, de acuerdo con la teoría anterior,
a seleccionar todos los botones y hacerles un fondo verde y
un borde rojo, añadiéndoles la clase marked
con el método
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(); // previene el envío del formulario
});
