jQuery中:submit选择器用法实例

下面就来详细讲解一下“jQuery中:submit选择器用法实例”的完整攻略。

什么是jQuery中的:submit选择器？

在jQuery中，:submit选择器可以用来选择type属性为"submit"的表单元素。如下几种:

• button
• input[type="submit"]
• input[type="image"]
• input[type="button"]

如何使用:submit选择器？

使用:submit选择器很简单，只需要在jQuery选择器中加入:submit即可。示例如下：

$(document).ready(function(){
  $("form :submit").click(function(){
    alert("提交了表单！");
  });
});

上面的代码会选中form表单中所有的submit类型按钮，并在点击时弹出一个提示框。

如何使用:submit选择器筛选特定的表单元素？

除了直接选择form表单中所有的submit类型按钮外，还可以根据具体的表单进行筛选。示例如下：

<form>
  <input type="text" placeholder="请输入用户名">
  <input type="password" placeholder="请输入密码">
  <input type="submit" value="登录">
  <input type="submit" value="注册">
</form>

要选中登录按钮，可以使用下面的代码：

$(document).ready(function(){
  $("form input[value='登录']").click(function(){
    alert("点击了登录按钮！");
  });
});

上面的代码使用了属性选择器[value='登录']来选中value属性为"登录"的按钮。

同样的，要选中注册按钮，可以使用下面的代码：

$(document).ready(function(){
  $("form input[value='注册']").click(function(){
    alert("点击了注册按钮！");
  });
});

上面的代码使用了属性选择器[value='注册']来选中value属性为"注册"的按钮。

总结

本文讲解了jQuery中:submit选择器的用法，包括选择form表单中所有的submit类型按钮以及根据具体的表单进行筛选。希望对大家有所帮助。