jQueryフォームフィルター-jsチュートリアル-php.cn

jQueryフォームフィルター

无忌哥哥

リリース： 2018-06-29 11:29:36

オリジナル

1339 人が閲覧しました

フォームフィルター

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

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

$(&#39;input&#39;).css(&#39;background-color&#39;, &#39;lightgreen&#39;)

ログイン後にコピー

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

$(&#39;:input&#39;).css(&#39;background-color&#39;, &#39;lightgreen&#39;)

ログイン後にコピー

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

$(&#39;input:input&#39;).css(&#39;background-color&#39;, &#39;lightgreen&#39;)

ログイン後にコピー

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

$(&#39;:input[type="password"]&#39;).css(&#39;background-color&#39;, &#39;lightgreen&#39;)

ログイン後にコピー

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

$(&#39;:input:password&#39;).css(&#39;background-color&#39;, &#39;lightgreen&#39;)

ログイン後にコピー

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

$(&#39;:input:password&#39;).css(&#39;background-color&#39;, &#39;skyblue&#39;)

ログイン後にコピー

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

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

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

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

$(&#39;:file&#39;).css(&#39;background-color&#39;, &#39;lightgreen&#39;)

ログイン後にコピー

テキストボックスのみを選択します: type= text"

$(&#39;:text&#39;).css(&#39;color&#39;,"red")

ログイン後にコピー

送信ボタンを選択するだけ

$(&#39;button:submit&#39;).css({
&#39;background-color&#39;:&#39;orange&#39;,
&#39;color&#39;:&#39;white&#39;,
&#39;font-size&#39;:&#39;1.2em&#39;,
&#39;border&#39;: &#39;none&#39;,
&#39;width&#39;:&#39;90px&#39;,
&#39;height&#39;:&#39;40px&#39;
})

ログイン後にコピー

以上がjQueryフォームフィルターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。