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:

javascript$(':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:

html<form>
  <input type="button" value="button">
  <input type="file">
  <button>button</button>
  <input type="reset">
  <input type="radio">
  <input type="text">
</form>

css.marked {
  background-color: green;
  border: 2px red solid;
}

javascript$(':button').addClass('marked');

$('form').submit(function(event) {
  event.preventDefault(); // previene el envío del formulario
});

Véase también