jQueryでの属性の操作
これから、jQueryを通じてHTMLタグの属性の読み取り、追加、変更を学びます。
これらはすべて、メソッド
attr
を使用して行われます。
このメソッドは
html
メソッドと同様に動作します
- パラメータの数に応じて、属性の値を読み取るか変更します。
attrの最初のパラメータは属性名を受け取り、
2番目のパラメータはその新しい値を受け取ります。
例えば、.attr('value',
のようにすると、文字列'www')'www'が
value
属性に書き込まれます。
一方、attrを1つのパラメータで呼び出すと、
最初のパラメータで指定した名前の属性の値を返します。
例えば、.attr('value')のようにすると、
属性valueの値を取得できます。
次の例には入力欄があります：
<input type="text" value="!!!" id="test">
次に、その入力欄を
そのidによって取得し、その
属性valueの値を画面に表示します：
alert($('#test').attr('value')); // '!!!' を表示します
idがwwwである画像の
属性srcの内容を取得してください。
クラスwwwを持つ要素に含まれる
リンクの属性hrefを取得してください。
ページ上のすべての画像の属性srcの
内容を取得し、順番に表示してください。
すべてのリンクの属性hrefを取得し、
順番に表示してください。
