jQuery フォーム フィールド属性フィルターの使用法分析_jquery

この記事の例では、jQuery フォーム フィールド属性フィルターの使用方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

フォームにはさまざまなフォーム フィールドが含まれており、フォーム フィールド属性セレクターを使用して、選択したラジオ ボタン、チェック ボックス、リスト項目を取得できます。また、フォームが使用可能かどうかに基づいてドキュメントからフォームを検索することもできます。 。

1. :チェックされたセレクター

選択したすべてのフォームフィールドを選択するために使用されます。形式:

コードをコピー コードは次のとおりです:

$("selector:checked")

は次のとおりです。入力、ラジオ、チェックボックス

2. :有効セレクター

は、使用可能なフォーム フィールドをすべて選択するために使用されます。形式:

コードをコピー コードは次のとおりです:

$ ("セレクター:有効")

3. :無効セレクター

は、無効になっているすべてのフォーム フィールドを選択するために使用されます。形式:

コードをコピー コードは次のとおりです:

$ (" セレクター:無効")

4. :選択されたセレクター

は、リスト ボックスから選択したすべてのオプション要素を選択するために使用されます。形式:

コードをコピー コードは次のとおりです:

$ ("セレクター:選択済み")

5. :hidden セレクター

すべての非表示の要素を選択するために使用されます

コードをコピーします コードは次のとおりです:

$("selector:hidden")

6. :visible セレクター

すべての表示要素を選択するために使用されます

簡単な例:

コードをコピー コードは次のとおりです:

<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("input:checked").css("border", "1px 単色赤"); $("input:disabled").css("background", "#FCF");
$("input:enabled").val("利用可能なテキストボックス"); });

フォームフィールド属性フィルターセレクターの適用例
<テーブル幅="602" 高さ="81" ボーダー="1">
チェックボックス: 選択されたチェックボックス
チェックされたチェックボックス
チェックボックスが選択されていません



利用可能なテキストボックス:


使用できないテキスト ボックス:



ドロップダウン リスト

<名前=「テスト」を選択> <オプション>浙江
湖南
北京
天津
<オプション>広州
<オプション>湖北








レンダリング:




この記事が皆さんの jQuery プログラミングに役立つことを願っています。