jQuery フォーム フィールド セレクターの使用法分析_jquery

この記事では、jQuery フォーム フィールド セレクターの使用法を例とともに分析します。皆さんの参考に共有してください。詳細は以下の通りです。

フォーム フィールドは、Web ページの入力、テキストエリア、選択、ボタン要素を指します。

1. :入力セレクター

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

$(":input")

2. :テキストセレクター

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

$(":text")

3. :パスワードセレクター

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

$(":password")

4. :ラジオセレクター

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

$(":radio")

5. :チェックボックスセレクター

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

$(":checkbox")

6. :ファイルセレクター

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

$(":file")

7. :画像セレクター

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

$(":image")

8. :隠しセレクター

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

$(":hidden")

はすべてを選択するために使用されます。非表示要素 (CSS の表示属性値が none) および非表示フィールド ()

9. :送信セレクター

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

$(":submit")

10. :リセットセレクター

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

$(":reset")

簡単な例:

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

 
 
 
 
 
 
<スクリプトタイプ="text/javascript"> 
     $(document).ready(function(){
            $(":text").attr("value", "文本框"); 
            $(":password").attr("value", "密码框"); 
            $(":radio:eq(0)").attr("チェック済み", "true"); 
            $(":checkbox").attr("チェック済み", "true"); 
            $(":image").attr("src", "ICO.ICO"); 
            $(":file").css("幅", "200px"); 
            $(":hidden").attr("value", "已保存的值"); 
            $("選択").css("背景", "#FCF");   //注意没有冒号
            $(":submit").attr("id", "btn1"); 
            $(":reset").attr("名前", "ボタン"); 
            $("textarea").attr("value", "文本ドメイン");   //注意没有冒号
         }); 
 
 
 
 
  <テーブル幅="730" 高さ="145" ボーダー="1"> 
   
    文本框 
     
    密码框 
     
   
   
    单选按钮 
     
    复选框 
     
   
   
    画像 
     
    文件フィールド 
     
   
   
    隐藏域 
    （不可见） 
    下拉列表 
    選択 1 選択 2 選択 3gt;gt; ; 
   
   
    提交按钮 
     
    重置按钮 
     
   
   
テキスト領域:

レンダリングは次のとおりです:

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