jQuery属性操作 - attr()メソッド

jQuery効果リファレンスマニュアル

例

画像のwidth属性を変更します：

$("button").click(function(){
  $("img").attr("width","180");
});

自分で試してみてください

定義と使用法

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

このメソッドの異なるパラメータによって、動作が異なります。

属性値を返します

選択された要素の属性値を返します。

文法

$(selector).attr(attribute)
パラメータ 説明
attribute 値を取得する属性を指定します。

自分で試してみてください

属性/値を設定

選択された要素の属性と値を設定します。

文法

$(selector).attr(attribute,value)
パラメータ 説明
attribute 属性の名前を指定します。
value 属性の値を指定します。

自分で試してみてください

関数を使用して属性/値を設定

選択された要素の属性と値を設定します。

文法

$(selector).attr(attribute,function(index,oldvalue))
パラメータ 説明
attribute 属性の名前を指定します。
function(index,oldvalue)

返される属性値の関数を指定します。

この関数は選択子のindex値と現在の属性値を受け取り、使用します。

自分で試してみてください

複数の属性/値ペアを設定

選択された要素に1つ以上の属性と値を設定します。

文法

$(selector).attr({attribute:value, attribute:value ...})
パラメータ 説明
attribute:value 1つまたは複数の属性/値ペアを指定します。

自分で試してみてください

jQuery効果リファレンスマニュアル