表單過濾器
1根據類型選擇表單控制項元素
css寫法,僅選到到所有的input,其它的控制項選不上
$('input').css('background-color', 'lightgreen')
jquery寫法,前面加上冒號即可,除了input,select,button,textarea全部可以選
$(':input').css('background-color', 'lightgreen')
如果只想選input標籤,在:input之前加上標籤限定:input即可,此時與css語法效果完全一致
$('input:input').css('background-color', 'lightgreen')
:input:本意就是選擇全部的表單控制項的意思,後面可以用css屬性進行限制,例如取得密碼框
$(':input[type="password"]').css('background-color', 'lightgreen')
後面除了可以用css屬性進行限制外,更推薦使用jquery的過濾器,例如密碼框過濾器就是:password
$(':input:password').css('background-color', 'lightgreen')
換個顏色以示區別,從這裡可以看出,過濾器之間也支援鍊式操作
$(':input:password').css('background-color', 'skyblue')
我們再作幾個練習
2.根據表單控制項的特徵來選擇元素
:input,只選擇表單元素,不包含:file,:image, :input這個我們已經做過
只選擇file類型
$(':file').css('background-color', 'lightgreen')
只選擇文字方塊:type="text"
$(':text').css('color',"red")
只選擇提交按鈕
$('button:submit').css({
'background-color':'orange',
'color':'white',
'font-size':'1.2em',
'border': 'none',
'width':'90px',
'height':'40px'
})以上是jquery表單過濾器的詳細內容。更多資訊請關注PHP中文網其他相關文章！
