一 介绍
二 应用
匹配表单中相应的元素并实现不同的操作
三 运行效果
四 代码
<script language="javascript" src="JS/jquery-3.1.1.min.js"></script>
<form>
复选框:<input type="checkbox"/>
单选按钮:<input type="radio"/>
图像域:<input type="image"/><br>
文件域:<input type="file"/><br>
密码域:<input type="password" width="150px"/><br>
文本框:<input type="text" width="150px"/><br>
按 钮:<input type="button" value="按钮"/><br>
重 置:<input type="reset" value=""/><br>
提 交:<input type="submit" value=""><br>
隐藏域: <input type="hidden" value="这是隐藏的元素">
<div id="testDiv"><font color="blue">隐藏域的值:</font></div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$(":checkbox").attr("checked","checked"); //选中复选框
$(":radio").attr("checked","true"); //选中单选框
$(":image").attr("src","images/fish1.jpg"); //设置图片路径
$(":file").hide(); //隐藏文件域
$(":password").val("123"); //设置密码域的值
$(":text").val("文本框"); //设置文本框的值
$(":button").attr("disabled","disabled"); //设置按钮不可用
$(":reset").val("重置按钮"); //设置重置按钮的值
$(":submit").val("提交按钮"); //设置提交按钮的值
$("#testDiv").append($("input:hidden:eq(1)").val()); //显示隐藏域的值
});
</script>