//===================7.子元素过滤器 Child Filters===================
//查找父元素中子元素中排第2的input元素
//:eq(index)只匹配一个元素，而为:nth-child每一个父元素匹配子元素
//:nth-child从1开始的，而:eq()是从0算起。
var input_query=$("input:nth-child(2)");
//查找父元素中第一个子元素是input元素的所有input
var input_query=$("input:first-child");
//查找父元素中最后一个子元素是input元素的所有input
var input_query=$("input:last-child");
////查找父元素中子元素有且仅有一个是input元素的所有input
var input_query=$("input:only-child");
//===================8.表单选择器 Forms===================
//查找所有input元素
var input_query=$(":input");
//查找所有文本框元素
var text_query=$(":text");
//查找所有密码框元素
var password_query=$(":password");
//查找所有复选框
var checkbox_query=$(":checkbox");
//查找所有提交按钮元素
var submit_query=$(":submit");
//查找所有图像域元素
var image_query=$(":image");
//查找所有重置按钮元素
var reset_query=$(":reset");
//查找所有按钮元素
var button_query=$(":button");
//查找所有文件域元素
var file_query=$(":file");
//===================9.表单过滤器 Form Filters===================
//查找所有可用的input元素
var input_query=$(":input:enabled");
//查找所有不可用的input元素
var input_query=$("input:disabled");
//查找所有选中的单选复选框
var input_query=$("input:checked");
//查找所有选中的下拉框,该过滤器对于多选下拉框非常有用
//当多选时，可返回所有选中项的值
$("select").click(function(){
var option_query=$(":selected");
alert($(this).val());
})
});
</script>
</head>
<body>
<form action="" method="post">
<table>
<tr>
<td nowrap>
<input type="text" value="text11"/>
<input type="button" value="button11"/>
<input type="button" value="button12"/>
</td>
<td>
<input type="text" value="text12"/>
<input type="hidden" value="hidden12"/>
</td>
<td>
<input type="text" value="text13"/>
</td>
</tr>
<tr>
<td>
<input type="password" value="password21"/>
<input type="radio" value="radio21" checked/>
<input type="checkbox" value="checkbox21" checked/>
</td>
<td nowrap>
<input type="submit" value="submit22"/>
<input type="image" value="image22"/>
<input type="reset" value="reset22"/>
</td>
<td>
<input type="file" value="file23"/>
</td>
</tr>
<tr>
<td>
<select multiple="multiple" size="3">
<option value="select311">option1</option>
<option value="select312">option2</option>
<option value="select313">option3</option>
</select></td>
<td></td>
<td></td>
</tr>
</table>
</form><h1>你好世界！</h1>
</body>
</html>