jQuery_表單選擇器
阿新 • • 發佈：2019-01-03
jQuery表單選擇器
$("#表單id:input")返回全部的表單元素
問題：$("#frmTest:input").addClass(".myred");沒用。確定.class可用且定位到了表單元素（莫名其妙又好了）
$("#表單id :text")表單文字選擇器，只能獲取單行輸入文字。注意空格
$("#表單id :password")獲取表單中的全部密碼輸入文字框元素
$("#表單id :radio")獲取表單中全部單選按鈕
$("#表單id :radio").hide() 隱藏單選按鈕
$("#表單id :radio").attr("disabled","true")將按鈕設定為不可用
$("#表單id :checkbox")獲取表單中全部複選框
<input id="checkbox2" type="checkbox"/>
<label for="checkbox2">小香蕉</label>構造一個複選框
$("#表單id :checkbox").attr("checked","true");將全部複選框設為選中狀態
$("#表單id :checkbox").attr("disabled","true");呼叫:checkbox選擇器獲取表單中的全部複選框，並使用attr方法將它們的屬性設為不可用。
$("#表單id :submit")表單按鈕選擇器
$("#表單id input:submit").attr("value","點我就提交");改變表單按鈕上的文字，加input是為了區別button
$("#表單id :image")影象域選擇器，只能獲取<input>影象域，而不能獲取<img>格式的影象元素。
Q：image影象和input影象域有什麼區別？
A：我自己直觀感受是，image不能點選，而input能點選（滑鼠放上面能變成手，因為它本身就是一個表單提交按鈕，所以儘量不要在給她
繫結的事件中發生表單提交）
$("#表單id :button")button表單按鈕選擇器，能獲取且只能獲取“type”屬性值為“button”的<input>和<button>這兩類普通按鈕元素。
$("#表單id :checked"):checked選中狀態選擇器,可以獲取處於選中狀態的全部元素。
$("#表單id :checked").hide獲取並隱藏選中的元素
$("#表單id :checked").attr("disabled","true")獲取選中的元素並使它們不可用
$("#表單id :selected")選擇器只能獲取<select>下拉列表框中全部處於選中狀態的<option>選項元素。
select用法：
<select multiple="multiple">
<option value="0" selected="selected">香蕉</option>
<option value="1">蘋果</option>
<option value="2">橘子</option>
<option value="3">甘蔗</option>
<option value="4">葡萄</option>
</select>
$("#表單id :selected").text("我處於選中狀態");改變選中項的值
var $txtOpt = $("#f表單id :selected").text();獲取選中項的值
$("#表單id:input")返回全部的表單元素
問題：$("#frmTest:input").addClass(".myred");沒用。確定.class可用且定位到了表單元素（莫名其妙又好了）
$("#表單id :text")表單文字選擇器，只能獲取單行輸入文字。注意空格
$("#表單id :password")獲取表單中的全部密碼輸入文字框元素
$("#表單id :radio")獲取表單中全部單選按鈕
$("#表單id :radio").hide() 隱藏單選按鈕
$("#表單id :radio").attr("disabled","true")將按鈕設定為不可用
$("#表單id :checkbox")獲取表單中全部複選框
<input id="checkbox2" type="checkbox"/>
<label for="checkbox2">小香蕉</label>構造一個複選框
$("#表單id :checkbox").attr("checked","true");將全部複選框設為選中狀態
$("#表單id :checkbox").attr("disabled","true");呼叫:checkbox選擇器獲取表單中的全部複選框，並使用attr方法將它們的屬性設為不可用。
$("#表單id :submit")表單按鈕選擇器
$("#表單id input:submit").attr("value","點我就提交");改變表單按鈕上的文字，加input是為了區別button
$("#表單id :image")影象域選擇器，只能獲取<input>影象域，而不能獲取<img>格式的影象元素。
Q：image影象和input影象域有什麼區別？
A：我自己直觀感受是，image不能點選，而input能點選（滑鼠放上面能變成手，因為它本身就是一個表單提交按鈕，所以儘量不要在給她
繫結的事件中發生表單提交）
$("#表單id :button")button表單按鈕選擇器，能獲取且只能獲取“type”屬性值為“button”的<input>和<button>這兩類普通按鈕元素。
$("#表單id :checked"):checked選中狀態選擇器,可以獲取處於選中狀態的全部元素。
$("#表單id :checked").hide獲取並隱藏選中的元素
$("#表單id :checked").attr("disabled","true")獲取選中的元素並使它們不可用
$("#表單id :selected")選擇器只能獲取<select>下拉列表框中全部處於選中狀態的<option>選項元素。
select用法：
<select multiple="multiple">
<option value="0" selected="selected">香蕉</option>
<option value="1">蘋果</option>
<option value="2">橘子</option>
<option value="3">甘蔗</option>
<option value="4">葡萄</option>
</select>
$("#表單id :selected").text("我處於選中狀態");改變選中項的值
var $txtOpt = $("#f表單id :selected").text();獲取選中項的值