jQueryフォームフィルター

フォームフィルター

1 タイプに応じてフォームコントロール要素を選択します

css記述方法、すべての入力のみが選択され、他のコントロールは選択できません

$('input').css('background-color', 'lightgreen')

jquery記述方法、入力、選択、ボタンを除く、前にコロンを追加するだけです, textareaは全て選択可能です

$(':input').css('background-color', 'lightgreen')

inputタグのみを選択したい場合は、limit:input before:inputにタグを追加するだけです。このときの構文効果はcss

$('input:input').css('background-color', 'lightgreen')

:input:と全く同じです。本来の目的はすべてのフォームを選択することです。コントロールの意味は、パスワード ボックスの取得など、後で CSS 属性を使用して制限できます

$(':input[type="password"]').css('background-color', 'lightgreen')

CSS 属性による制限に加えて、jquery フィルターを使用することもお勧めします。たとえば、パスワード ボックス フィルターは次のとおりです: パスワード

$(':input:password').css('background-color', 'lightgreen')

色を変更します 違いを示すために、ここからフィルター間のチェーン操作もサポートされていることがわかります

$(':input:password').css('background-color', 'skyblue')

さらにいくつかの演習を行ってみましょう

2. 要素に基づいて選択します。フォームコントロールの特性について

: input、フォーム要素のみを選択、Exclude:file,:image,:input これはすでに実行済みです

ファイルタイプのみを選択します

$(':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 中国語 Web サイトの他の関連記事を参照してください。