attr()

attrメソッドは属性値の取得・変更が可能なメソッドです。

第一引数に属性名のみを指定した場合は、その属性の値を返します。上記の例でセレクターで取得したem要素が複数ある場合は最初のem要素の値を取得します。

var title = $("em").attr("title");

第２引数に値を指定したばあいは属性値の変更を行ないます。

$("em").attr("title","たいとる");

引数にオブジェクトを指定すると複数の属性値を同時に書き換えることができます。

$('#greatphoto').attr({
  alt: 'Beijing Brush Seller',
  title: 'photo by Kelly Clark'
});

第２引数に関数を指定すると、関数の返り値を属性に設定できます。

$('#greatphoto').attr('title', function(i, val) {
  return val + ' - photo by Kelly Clark'
});

jQuery 1.6.0から属性がセットされていない場合はundefinedを返すように変更されました。checkboxやradioボタンのように値が変化するケースではprop()を利用することが推奨されています。

登録日 : 2012年09月11日最終更新日 : 2012年9月11日

jQuery リファレンス