## button selector

Description: Selects all button elements and elements of type button.

- #### version added: 1.0jQuery( ":button" )

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

### Additional Notes:

- Because `:button` is a jQuery extension and not part of the CSS specification, queries using `:button` cannot take advantage of the performance boost provided by the native DOM `querySelectorAll()` method. To achieve the best performance when using `:button` to select elements, first select the elements using a pure CSS selector, then use `.filter(":button")`.

## Example:

Find all button inputs and mark them.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>button demo</title>  <style>  textarea {    height: 35px;  }  div {    color: red;  }  fieldset {    margin: 0;    padding: 0;    border-width: 0;  }  .marked {    background-color: yellow;    border: 3px red solid;  }  </style>  <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body> <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> <script>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();});</script> </body></html>

#### Demo: