jQuery attr() メソッド

❮ jQuery HTML/CSS メソッド

画像の width 属性を設定する:

$("button").click(function(){
    $("img").attr("width","500");
});
Try it Yourself »

定義と用法

attr() メソッドは、選択した要素の属性と値を設定または返します。

このメソッドが、属性の値を返すために使われた場合、最初にマッチした要素の値を返します。

このメソッドが、属性の値を設定するために使われた場合、マッチした要素の集合に対して 1 つ以上の属性/値の組を設定します。


構文

属性の値を返す:

$(selector).attr(attribute)

属性と値を設定する:

$(selector).attr(attribute,value)

関数を使用して属性と値を設定する:

$(selector).attr(attribute,function(index,currentvalue))

複数の属性と値を設定する:

$(selector).attr({attribute:value, attribute:value,...})

パラメータ 説明
attribute 属性の名前を指定する
value 属性の値を指定する
function(index,currentvalue) 設定する属性値を返す関数を指定する
  • index - 集合における要素のインデックス位置を受け取る
  • currentvalue - 選択した要素の現在の属性値を受け取る

Try it Yourself - 例

属性値を返す
要素の属性の値を返す方法。

関数を使った属性と値の設定
関数を使用した、要素への属性値を設定する方法。

複数の属性と値の組の設定
要素へ複数の属性/値を設定する方法。


❮ jQuery HTML/CSS メソッド