本节学习要点
- 常规选择器
- 表单选择器
- 表单过滤器
(一) 常规选择器
我们可以使用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); //弹出