在 jQuery 中,:button
选择器用于选择所有类型为 button
的元素。这包括 <button>
、<input type="button">
和 <input type="submit">
。
语法
:button
选择器的语法非常简单,只需要将它放在 jQuery 选择器中即可。例如:
$(':button')
示例
假设我们有以下 HTML 结构:
<button>Click me!</button> <input type="button" value="Submit"> <input type="submit" value="Submit"> <input type="text" value="Input">
如果我们想选择所有类型为 button
的元素并添加一个点击事件,可以这样做:
$(':button').click(function() { alert('Button clicked!'); });
注意事项
- 使用
:button
选择器时,只会选择<button>
、<input type="button">
和<input type="submit">
这三种元素,其他类型的元素不会被选择。 - 如果需要选择所有类型为
button
的元素,包括<input type="reset">
,可以使用:input[type="button"]
选择器。
总结
使用 :button
选择器可以方便地选择所有类型为 button
的元素,并对它们进行操作。在实际开发中,可以根据具体需求选择合适的选择器来操作页面元素,提高开发效率。