<!DOCTYPE html>
<html>
<head>
<script src="jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#but1").click(function(){
$("input:enabled").toggle();
});
$("#but2").click(function(){
$("input:disabled").toggle();
});
$("#but3").click(function(){
$("input:checked").toggle();
});
$("#but4").click(function(){
$("select option:selected").toggle();
});
});
</script>
</head>
<style>
</style>
<body>
<input id="but1" type="button" value="隐藏有用的input">
<input id="but2" type="button" value="隐藏无用的input">
<input id="but3" type="button" value="隐藏所有选中的复选框">
<input id="but4" type="button" value="隐藏所有选中的选项">
<input id="but5" type="button" disabled="disabled" value="无用">
<form>
<input name="email" disabled="disabled" />
<input name="id" />
<br />
<input type="hidden"name="send" value="123">
<input type="checkbox" name="爱好" value="体育">体育
<input type="checkbox" name="爱好" value="数学">数学
<input type="radio" name="性别" value="男">男
<input type="radio" name="性别" value="女">女
<select name="地址">
<optgroup label="查看">
<option>第一个
<option>第二个
<option>第三个
</optgroup>
<optgroup label="那个">
<option label="那个">1
<option label="那个">2
<option label="那个">3
</optgroup>
</select>
</form>
</body>
</html>
原文：http://www.cnblogs.com/yjh1604600160/p/x5.html