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

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

WBOY

リリース： 2016-05-16 16:14:51

オリジナル

1218 人が閲覧しました

この記事では、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 プログラミングに役立つことを願っています。