jQuery :button 选择器

实例

用 type="button" 选择 <button> 元素和 <input> 元素:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(":button").css("background-color", "red");
});
</script>
</head>
<body>
<form action="">
  名称: <input type="text" name="user"><br>
  密码: <input type="password" name="password"><br>
  <button type="button">无用的按钮</button>
  <input type="button" value="另一个无用按钮"><br>
  <input type="reset" value="重置">
  <input type="submit" value="提交"><br>
</form>
</body>
</html>

运行一下

定义与用法

:button 选择器选择 type="button" 的 button 和 input 元素。

提示: 使用 input:button 作为选择器将无法选择到 button 元素。

jQuery :button 选择器

实例

定义与用法

分类导航