jquery表單過濾器

表單過濾器

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中文網其他相關文章！