jQuery 表单选择器 学习

2019年4月3日20:52:44 评论 100

1、常规选择器

常见的表单如:input、textarea、select 和 button等我们可以使用 id、类(class)和元素名来获取表单字段。如果是表单元素,都必须含有 name 属性,可以结合属性选择器来精确定位。

$(’input[name=user]’).val(); //选择 name 为 user 的字段
$(’textarea[name=content]’).val(); //选择 name 为 content 的字段
$(’select[name=sex]’).val(); //选择 name 为 sex 的字段

2、表单选择器

虽然可以使用常规选择器来对表单的元素进行定位,但有时还是不能满足开发者灵活多 变的需求。所以,jQuery 为表单提供了专用的选择器。

$(’:input[name=city]’).size(); //选取所有 input、textarea、select 和 button 元素中 name=user 的元素

$(’:text[name=user]).size(); //获取单行文本框 name=user 的元素

jQuery 表单选择器 学习

jQuery 表单选择器 学习

3、表单过滤器

jQuery 提供了四种表单过滤器,分别在是否可以用、是否选定来进行表单字段的筛选过滤。

jQuery 表单选择器 学习

 

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen: