# :submit Selector

所属分类：选择器 > 表单 | 选择器 > jQuery 扩展 英文文档：:submit Selector

## submit selector

描述: 选择所有类型为提交的元素。

- #### 添加的版本: 1.0jQuery( ":submit" )

`:submit`选择通常适用于按钮或input元素。请注意，一些浏览器将`<button>`元素作为`type="default"`默认处理，而其他浏览器（如Internet Explorer）并非如此。 为了确保标签能在所有浏览器下正常工作，并保证一致，它始终选择能提交表单的按钮，总是指定一个`type`属性。

### Additional Notes（其他注意事项）:

- 因为`:submit` 是一个 jQuery 延伸出来的选择器，并不是的CSS规范的一部分，使用`:submit` 查询不能充分利用原生DOM提供的`querySelectorAll()` 方法来提高性能。为了当使用`:submit` 的时候在现代浏览器上获得更佳的性能，首先使用纯CSS选择器选择元素，然后使用`[type="submit"]`代替.

## 例子:

#### 查找所有作为 td 元素后代的提交按钮。

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 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 |
    <!DOCTYPE html><html><head>  <style>  textarea { height:45px; }  </style>  <script src="https://code.jquery.com/jquery-latest.js"></script></head><body> <form><table id="exampleTable" border="1" cellpadding="10" align="center">  <tr>    <th>      Element Type    </th>    <th>      Element    </th>  </tr>  <tr>    <td>      <input type="button" value="Input Button"/>    </td>  </tr>  <tr>    <td>      <input type="checkbox" />    </td>  </tr>  <tr>    <td>      <input type="file" />    </td>  </tr>  <tr>    <td>      <input type="hidden" />    </td>  </tr>  <tr>    <td>      <input type="image" />    </td>  </tr>  <tr>    <td>      <input type="password" />    </td>  </tr>  <tr>    <td>      <input type="radio" />    </td>   </tr>  <tr>    <td>      <input type="reset" />    </td>  </tr>  <tr>    <td>      <input type="submit" />    </td>  </tr>  <tr>    <td>      <input type="text" />    </td>  </tr>  <tr>    <td>      <select><option>Option</option></select>    </td>  </tr>  <tr>    <td>      <textarea></textarea>    </td>  </tr>  <tr>    <td>      <button>Button</button>    </td>  </tr>  <tr>    <td>      <button type="submit">Button type="submit"</button>    </td>  </tr> </table></form><div id="result"></div> <script>var submitEl = $("td :submit")  .parent('td')  .css({background:"yellow", border:"3px red solid"}).end(); $('#result').text('jQuery matched ' + submitEl.length + ' elements.'); // so it won't submit$("form").submit(function () { return false; }); // Extra JS to make the HTML easier to edit (None of this is relevant to the ':submit' selector$('#exampleTable').find('td').each(function(i, el) {    var inputEl = $(el).children(),        inputType = inputEl.attr('type') ? ' type="' + inputEl.attr('type') + '"' : '';    $(el).before('<td>' + inputEl[0].nodeName + inputType + '</td>');})</script> </body></html>

#### Demo: