ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery フォーム フィールド セレクターの使用法分析_jquery

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

WBOY
リリース: 2016-05-16 16:14:51
オリジナル
1225 人が閲覧しました

この記事では、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"> 
   
    文本框 
     
    密码框 
     
   
   
    单选按钮 
     
    复选框 
     
   
   
    画像 
     
    文件フィールド 
     
   
   
    隐藏域 
    (不可见) 
    下拉列表 
    gt; ; 
   
   
    提交按钮 
     
    重置按钮 
     
   
   
テキスト領域:




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

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

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