:button Selector

Selects all button elements and elements of type button.


An equivalent selector to $( ":button" ) using valid CSS is $( "button, input[type='button']" ).

Find all button inputs and mark them.

    <input type="button" value="Input Button" />
    <input type="checkbox" />

    <input type="file" />
    <input type="hidden" />
    <input type="image" />

    <input type="password" />
    <input type="radio" />
    <input type="reset" />

    <input type="submit" />
    <input type="text" />


textarea {
  height: 35px;
div {
  color: red;
fieldset {
  margin: 0;
  padding: 0;
  border-width: 0;
.marked {
  background-color: yellow;
  border: 3px red solid;
var input = $(":button").addClass("marked");
$("div").text("For this type jQuery found " + input.length + ".");
// Prevent the form from submitting
$("form").submit(function (event) {

Looking for a Web Developer?


Hi! I'm Basti, author of this site. If you are looking for a web developer with 15+ years of experience, holla at me!

Be it the good 'ol jQuery, vanilla JS or modern frameworks like Vue and Svelte, front- or backend, I can help you.

Just write me at jobs@jqapi.com :)