ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery:入力セレクターの使い方の詳細説明

jQuery:入力セレクターの使い方の詳細説明

黄舟
リリース: 2017-06-23 15:19:47
オリジナル
1267 人が閲覧しました

概要

すべての input、textarea、select、button 要素と一致します

説明:

すべての input 要素を検索すると、次の要素が一致します。

HTML コード:

<form> 
<input type="button" value="Input Button"/> 
<input type="checkbox" /> 
<input type="file" /> 
<input type="hidden" /> 
<input type="image" /> 
<input type="password" /> 
<input type="radio" /> 
<input type="reset" /> 
<input type="submit" /> 
<input type="text" /> 
<select>
<option>Option</option>
</select> 
<textarea>
</textarea> 
<button>Button</button> 
</form>
ログイン後にコピー

jQuery コード:

$(":input")
ログイン後にコピー
ログイン後にコピー

結果:

[ <input type="button" value="Input Button"/>, 
<input type="checkbox" />, 
<input type="file" />, 
<input type="hidden" />, 
<input type="image" />, 
<input type="password" />, 
<input type="radio" />, 
<input type="reset" />, 
<input type="submit" />, 
<input type="text" />, 
<select>
<option>Option</option>
</select>, 
<textarea>
</textarea>, 
<button>Button</button>, ]
ログイン後にコピー

このセレクターは、すべての入力要素と一致します。例: など

文法構造:

$(":input")
ログイン後にコピー
ログイン後にコピー

サンプルコード:






:input选择器-脚本之家
 
 
 
 
  • 读书
ログイン後にコピー

上記のコードを使用すると、ボタンをクリックした後に入力要素を非表示にすることができます。

以上がjQuery:入力セレクターの使い方の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート