版权声明
- 本文原创作者：谷哥的小弟
- 作者博客地址：http://blog.csdn.net/lfdfhl
表单过滤选择器概述
表单过滤选择器用于选取表单中的元素。
:input
匹配所有 input, textarea, select 和 button 元素
:text
匹配所有的单行文本框
:password
匹配所有密码框
:radio
匹配所有单选按钮
:checkbox
匹配所有复选框
:submit
匹配所有提交按钮
:image
匹配所有图像域
:reset
匹配所有重置按钮
:button
匹配所有按钮
:file
匹配所有文件域
:hidden
匹配所有不可见元素，或者type为hidden的元素
常用方法
trim( )
去掉字符串左右两端的空格
submit( )
提交表单
常用事件处理
click(function( ){ })
处理点击事件
blur(function( ){ })
处理失去焦点事件
示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery基础</title>
<!--引入jquery文件 -->
<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
//示例1、当username与password失去焦点时判断内容是否为空
$(":text,:password").blur(function() {
//获取数据
var value = $(this).val();
if (value.trim() == "") {
alert($(this).attr("name") + "不可为空");
}
});
//示例2、利用button的点击事件提交form表单
$(":button").click(function() {
$("#userForm").submit();
});
});
</script>
</head>
<body>
<h2 id="author" style="color: red;">本文作者：谷哥的小弟</h2>
<h2 id="blog" style="color: red;">博客地址：http://blog.csdn.net/lfdfhl</h2>
<form id="userForm">
用 户:<input type="text" name="username"/><br/><br/>
密 码:<input type="password" name="password"/><br/><br/>
<input type="button" value="提交">
</form>
</body>
</html>
转载：https://blog.csdn.net/lfdfhl/article/details/115338047
查看评论