フォーム要素の種類に基づいて選択するサンプルコードです。
textboxにだけ属性を設定する
ソースコード
<body> <form> <input type="text" id="hoge" /> <input type="button" id="fuga" value="button"/> </form> </body> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript"> // textboxにだけvalueをセットする $(':text').val('new content'); </script>
レンダリング
ちゃんとtextboxにだけvalueが設定されています。
tetxtboxを複数にしてみる
ソースコード
<body> <form> <input type="text" id="hoge1" /> <input type="text" id="hoge2" /> <input type="button" id="fuga" value="button"/> </form> </body> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript"> // textboxにだけvalueをセットする $(':text').val('new content'); </script>
レンダリング
両方のtextboxに設定されます。
