jQuery 表单选择器

本节学习要点

• 常规选择器
• 表单选择器
• 表单过滤器

(一) 常规选择器

我们可以使用id ,类(class)和元素名来获取表单字段如果是表单元素，都必须含有name属性，还可以结合属性选择器来定位

$("input").val()    //元素定位，默认获取到第一个
$("input").eq(1).val()   //同上，获取到第二个
$("input[type=password]").val();   //选择type为password的字段
$("input[name=user]").val()       //选择name为user的字段

那么对于id和类(class)用法比较类似,也可以集合属性选择器来精确定位，对于表单的其他元素比如textarea selec和button原理一样。

表单选择器

我们可以使用常规选择器来对表单的元素进行定位，但是有时还不能满足需求，所以jquery提供了专门的选择器

$("input").size()         //获取所有表单字段的元素
$("input[type=text]").size()   //获取单行文本的元素
$("input[name=user]").size()     //获取到name=user 的元素

表单过滤器

$("input:checked").size()         //获取单选复选框中被选中的元素
$("input:disabled").size()        //获取不可用元素
$("input:selected").size()         //获取下拉列表中被选中的元素
 var value2 = $(":selected").val();  //必须是selected前面不要加input
window.alert(value2);             //弹出