1

私のJqueryコードは、フォームの境界線のすべての入力フィールドを青に変換することになっていますが、それは行われません...どこで正確に間違ったのですか?

<html>

    <head>
        <title>Form</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
        <script type="text/javascript">
            $(function () {
                alert('Works !');
                $('#provision:text').css('border', '2px solid blue');
            });
        </script>
    </head>

    <body>
        <form id="provision">ESNList:
            <input type="text" id="ESNList" name="ESNList" size="30" />
            <br />ESN Start:
            <input type="text" id="ESNStart" name="ESNStart" size="10" />
            <br />ESN End:
            <input type="text" id="ESNStart" name="ESNStart" size="10" />
            <br />UnitName:
            <input type="text" id="STxName" name="STxName" size="30" />
            <br />Unit Model:
            <select name="STxName">
                <option value="stx2">STX2</option>
                <option value="protopak">Protopak</option>
                <option value="stm3" selected>STM3</option>
                <option value="acutec">Acutec</option>
                <option value="mmt">MMT</option>
                <option value="smartone">Trackpack</option>
                <option value="smartoneb">SmartOneB</option>
                <option value="audi">Acutec</option>
            </select>
            <br />RTU Model Type:
            <select name="rtumodel">
                <option value="globalstar">GlobalStar</option>
                <option value="both">Both</option>
                <option value="comtech">Comtech</option>
                <option value="stmcomtech">STMComtech</option>
            </select>
            <br />
            <input type="submit" value="submit" />
        </form>
    </body>

</html>
4

6 に答える 6

4

<input>これらのノードを実際に照会する必要があります。

$('#provision input:text').css('border','2px solid blue');});
于 2013-01-15T18:51:37.967 に答える
1

セレクターにスペースが必要です。

#provision :text

記述されているように、要素自体は、の子孫#provision検索するのではなく、テキスト入力である必要があります。セレクターではスペースが重要です。#provision

:textただし、これはjQuery拡張機能であるため、ネイティブセレクターほど高速ではないことに注意してください。

したがって、より適切なセレクターは次のようになります。

$('#provision input[type="text"]')

または、明示的なtextタイプなしでノードを確実にキャッチするには(ただし、デフォルトはtext):

$('#provision input').filter(':text')
于 2013-01-15T18:54:59.337 に答える
0

これは機能するはずです-動作することを確認してください http://jsfiddle.net/LumF3/

 <script type="text/javascript">
                $(function () {
                    alert('Works !');
                    $('#provision input:text').css('border', '2px solid blue');
                });
 </script>
于 2013-01-15T18:54:29.890 に答える
0
$('#provision input:text').css('border', '2px solid blue');
于 2013-01-15T18:52:29.637 に答える
0

あなたの場合の正しいJQueryテキストセレクターは次のとおりです。

$('#provision input:text').css('border', '2px solid blue');

text-selector の公式 API ドキュメント: http://api.jquery.com/text-selector/

于 2013-01-15T19:06:05.577 に答える
-1

$('#provision input')代わりに試してください。#provisions要素内のテキストノードに境界線スタイルを適用しようとしています。

于 2013-01-15T18:51:47.060 に答える