無論是提交還是傳遞數據,表單元素在動態交互頁面的作用是非常重要的。jQuery中專門加入了表單選擇器,從而能夠極其方便地獲取到某個類型的表單元素
表單選擇器的具體方法描述:
注意事項:
除了input篩選選擇器,幾乎每個表單類別篩選器都對應一個input元素的type值。大部分表單類別篩選器可以使用屬性篩選器替換。比如 $(':password') == $('[type=password]')
:input表示選取所有表單元素,包括input,textarea,button,select等; ?input則只選取input類型的元素(<input type="...">)
指定一個div的button方法:如果只有一個div,可用$("div input:button");多個的話,可以在div里設定一個id,$("#id input:button");
表單對象屬性篩選選擇器
除了表單元素選擇器外,表單對象屬性篩選選擇器也是專門針對表單元素的選擇器,可以附加在其他選擇器的后面,主要功能是對所選擇的表單元素進行篩選
表單篩選選擇器的描述:
注意事項:
- 選擇器適用于復選框和單選框,對于下拉框元素, 使用 :selected 選擇器
- 在某些瀏覽器中,選擇器:checked可能會錯誤選取到<option>元素,所以保險起見換用選擇器input:checked,確保只會選取<input>元素