JQ--セレクタ（属性フォーム、フォームオブジェクトのプロパティ）

1、属性セレクタ：

< スクリプト> 
            $（関数（）{ 
                $（" ＃BTN1 " ）.click（関数（）{ 
                    $（" DIV [ID] " ）の.css（" 背景色" 、" 赤" ）; 
                }）; / / 有ID属性的DIV 
                
                $（" ＃BTN2 " ）.click（関数（）{ 
                    $（" DIV [ID = '2'] " ）の.css（"背景色" " 赤" ）; 
                }）; // id属性と2つのdivの値            }）;
 </ スクリプト>

1  $（ "DIV [ID]"）//すべてのdiv id属性の要素が含まれている
 2  $（ "DIV [ID = '123']"）要素123の// divのid属性値を
 3  $（「DIV [ID ！= '123'] "） //のid 属性値123は、div要素に等しくされていない
 。4  $（" divの[ID = ^ 'QQ'] "）// ID属性の値は、QQのdiv要素を開始します
 。5  $（" div要素[IDの$ = 'ZZ'] "）//のid 属性値ZZ DIV要素の端部
 6  "）// DIV要素を含む属性値ID及びBB $（" DIV [= * 'BB' ID]
 7 $（"要素入力[ID] [名$ = 「男」]「）// 複数のフィルタから選択した属性は、その両方の条件を満たす属性

2、シートセレクタ：

（1）型：

< 形態> 
            < 入力タイプ= "テキスト" 値= "1" /> < BR /> 
            < 入力タイプ= "テキスト" 値= "2" /> < BR /> 
            < 入力タイプ= "チェックボックス"  /> < BR /> 
            < 入力タイプ= "ラジオ"  /> < BR /> 
            < 入力タイプ= "画像"  /> < BR /> 
            < 入力タイプ=」ファイル」  /> < BR /> 
            < 入力タイプ= "提出"  /> 
            < 入力タイプ= "リセット"  /> < BR /> 
            < 入力タイプ= "パスワード" 値= "123456" /> < BR /> 
            < 入力タイプ= "ボタン"  /> < BR / > 
            < 選択> < オプション/> </ 選択> < BR /> 
            < TEXTAREA > </ TEXTAREA > < BR /> 
            < ボタン> </ ボタン> 
        </ フォーム>

（2）具体操作：

。1  $（ "：INPUT"）//すべての入力、テキストエリア、選択し、ボタン要素一致
 2に $（ "：テキストを"）//すべての行のテキストボックス、$（ "：テキスト"）$（「[同等ですタイプ=テキストは]入力「）、$を（使用することをお勧めします」：テキスト「）より効率的に、以下同じ
 3  $（」：パスワード「）//すべてのパスワードボックス
 4  $（」：ラジオ「）//すべてのラジオボタン
 5  $（ "チェックボックス："）//すべてのボックス
 6  $（ "：提出は"）//すべてのボタン提出
 7  ：//リセットボタンすべての$（ "RESET"を）
 8  $（ "：ボタンを"）/ /すべてのボタンボタン
 9 $（「：ファイル」）//すべてのドメインファイル

要素の種類を選択=入力中のテキストは、結果は2です。

            $（関数（）{ 
                $（ "＃1 BTN1"）をクリック（関数（）{ 
                アラート（$（ '：入力[タイプ=テキスト]'）サイズ（））; 
                }）; 
            }）;

入力ボックスのパスワードの値を取得し、その結果は次のとおりです。123456

            $（関数（）{ 
                $（ "＃1 BTN1"）をクリック（関数（）{ 
                アラート（$（ '：入力[タイプ=パスワード]'）のval（））; 
                }）; 
            }）;

図3に示すように、フォームオブジェクトの属性セレクタ：

（1）型：

        < 形態> 
            < 入力タイプ= "テキスト" 値= "1" /> < BR /> 
            < 入力タイプ= "テキスト" 値= "2" /> < BR /> 
            < 入力タイプ= "チェックボックス"  /> < BR /> 
            < 入力タイプ= "ラジオ"  /> < BR /> 
            < 入力タイプ= "画像"  /> < BR /> 
            <入力タイプ= "ファイル"  /> < BR /> 
            <入力タイプ= "提出"  /> 
            < 入力タイプ= "リセット"  /> < BR /> 
            < 入力タイプ= "パスワード" 値= "123456" /> < BR /> 
            < 入力タイプ= "ボタン"  /> < BR /> 
        </ フォーム>

（2）具体操作：

。1  $（ "INPUT：有効"）//一致する利用可能INPUT
 2  $（ "INPUT：無効"）//利用できないINPUTに一致する
 3。 $（ "INPUT：チェックする"）//チェックをINPUTに一致する
 4。 $（ "オプション：選択した「）//は、選択したオプションに一致します

利用可能なすべての要素、10の値を取得します。

    $（関数（）{ 
      アラート（$（ 'フォーム：有効'）サイズ（））;   
    }）;

JQ--セレクタ（属性フォーム、フォームオブジェクトのプロパティ）

おすすめ