发布时间: 2019-01-25 14:27:29
表单作为 HTML 中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以使用之前的常规选择器或过滤器,也可以使用 jQuery 为表单专门提供的选择器和过滤器来准确的定位表单元素。
一.常规选择器
可以使用 id、类(class)和元素名来获取表单字段,如果是表单元素,都必须含有 name 属性,还可以结合属性选择器来精确定位。
$('input').val();
//元素名定位,默认获取第一个
$('input').eq(1).val(); //同上,获取第二个,因为它是一个数据,需要加eq获取
$('input[type=password]').val();
//属性选择器,选择 type 为 password 的字段
$('input[name=user]').val(); //选择 name 为 user 的字段,比以上的type语义更清晰
$('input[type=password]
[name=user]').val(); //也可以这样输写,这种做法显的有些多余
那么对于 id 和类(class)用法比较类似,也可以结合属性选择器来精确的定位。对于表单中的其他元素名比如:textarea、select 和
button 等,原理一样。
上一篇: {HTML5}表单过滤器