# :button Selector

## button ( ) version added: 1.0

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

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

## Examples:

#### Example: Find all button inputs and mark them.

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css 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="//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: