:button Selector
Selects all button elements and elements of type button.
.button()
An equivalent selector to $( ":button" ) using valid CSS is $( "button, input[type='button']" ).
Find all button inputs and mark them.
JS
<form>
<fieldset>
<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" />
<select>
<option>Option</option>
</select>
<textarea></textarea>
<button>Button</button>
</fieldset>
</form>
<div></div>
CSS
textarea {
height: 35px;
}
div {
color: red;
}
fieldset {
margin: 0;
padding: 0;
border-width: 0;
}
.marked {
background-color: yellow;
border: 3px red solid;
}
HTML
var input = $(":button").addClass("marked");
$("div").text("For this type jQuery found " + input.length + ".");
// Prevent the form from submitting
$("form").submit(function (event) {
event.preventDefault();
});
DEMO