jQuery的表單選擇器篇

表單選擇器


1.常規選擇器

我們可以使用 id、類(class)和元素名來獲取表單字段,如果是表單元素,都必須含有name屬性,還可以結合屬性選擇器來精確定位。

$('input').val(); //元素名定位,默認獲取第一個
$('input').eq(1).val(); //同上,獲取第二個
$('input[type=password]').val(); //選擇 type 為 password 的字段
$('input[name=user]').val(); //選擇 name 為 user 的字段

那么對于 id 和類(class)用法比較類似,也可以結合屬性選擇器來精確的定位,在這里我
們不在重復。對于表單中的其他元素名比如:textarea、select 和 button 等,原理一樣,不在重復。


2.表單選擇器

方法名 描述 返回
:input 選取所有 input、textarea、select 和 button 元素 集合元素
:text 選擇所有單行文本框,即 type=text 集合元素
:password 選擇所有密碼框,即 type=password 集合元素
:radio 選擇所有單選框,即 type=radio 集合元素
:checkbox 選擇所有復選框,即 type=checkbox 集合元素
:submit 選取所有提交按鈕,即 type=submit 集合元素
:reset 選取所有重置按鈕,即 type=reset 集合元素
:image 選取所有圖像按鈕,即 type=image 集合元素
:button 選擇所有普通按鈕,即 button 元素 集合元素
:file 選擇所有文件按鈕,即 type=file 集合元素
:hidden 選擇所有不可見字段,即 type=hidden 集合元素

3.表單過濾器

方法名 描述 返回
:enabled 選取所有可用元素 集合元素
:disabled 選取所有不可用元素 集合元素
:checked 選取所有被選中的元素,單選和復選字段 集合元素
:selected 選取所有被選中的元素,下拉列表 集合元素



上一篇: jQuery的DOM節點操作篇
下一篇: jQuery的基礎事件篇

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容