<!DOCTYPE html>
<html>
<head>
<script src="jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#buttonqun #but1").click(function(){
$("font:input").toggle();
}); //查找所有input
$("#buttonqun #but2").click(function(){
$(":text").toggle();
}); //查找所有文本框
$("#buttonqun #but3").click(function(){
$(":password").toggle();
}); //查找所有密码框
$("#buttonqun #but4").click(function(){
$(":radio").toggle();
}); //查找所有单选框
$("#buttonqun #but5").click(function(){
$(":checkbox").toggle();
}); //查找所有复选框
$("#buttonqun #but6").click(function(){
$(":submit").toggle();
}); //查找所有提交框
$("#buttonqun #but7").click(function(){
$(":image").toggle();
}); //查找所有图像域
$("#buttonqun #but8").click(function(){
$(":reset").toggle();
}); //查找所有重置按钮
$("#buttonqun #but9").click(function(){
$(":button").toggle();
}); //查找所有按钮
$("#buttonqun #but10").click(function(){
$(":file").toggle();
}); //查找所有文件域
$("#buttonqun #but1").click(function(){
$(":input").toggle();
}); //查找所有文本框
});
</script>
</head>
<style>
</style>
<body>
<form name="reg" method="post">
<fieldset>
<legend>注册表单</legend>
姓名：<input type="text" name="姓名" size="10" maxlength="6">
<br>
密码：<input type="password" name="密码" size="10"maxlength=6>
<br>
<input type="hidden"name="send" value="123">
爱好：<input type="checkbox" name="爱好" value="体育">体育
<input type="checkbox" name="爱好" value="数学">数学
<br>
性别：<input type="radio" name="性别" value="男">男
<input type="radio" name="性别" value="女">女
<br>
地址：<select name="地址">
<optgroup label="什么">
<option label="什么">什么
<option label="什么">什么
<option label="什么">什么
</optgroup>
<optgroup label="那个">
<option label="那个">那个
<option label="那个">那个
<option label="那个">那个
</optgroup>
</select>
<br>
请留下您的意见或建议：
<br>
<textarea cols="40" rows="8" name="content">
建议或意见
</textarea>
<br />
<input type="submit" value="提交">
<input type="reset" value="重置">
<br />
<button type="reset">
<img src="jq笔记/jq与js代码差别.jpg">
</button>
<input type="image" src="jq笔记/jq中的核心方法.jpg">
<br />
<input type="file">
</fieldset>
</form>
<div id="buttonqun">
<input id="but1" type="button" value="input">
<input id="but2" type="button" value="文本">
<input id="but3" type="button" value="密码">
<input id="but4" type="button" value="单选">
<input id="but5" type="button" value="复选">
<input id="but6" type="button" value="提交">
<input id="but7" type="button" value="图像">
<input id="but8" type="button" value="重置">
<input id="but9" type="button" value="按钮">
<input id="but10" type="button" value="文件">
</div>
</body>
</html>
原文：http://www.cnblogs.com/yjh1604600160/p/x4.html