属性値を参照/設定する

書式

$(〜).attr({attrName: value})
$(〜).attr(attrName, value)
$(〜).attr(attrName, funcName)
$(〜).attr()

attrName : 属性名
value : 値
funcName : 関数名

説明

属性値を参照/設定するにはattr()を使います。パラメータが1つで文字列の場合は指定された属性名の値が読み出されます。パラメータが1つでプロパティリストまたはパラメータが2つ指定された場合は指定された属性名に値が設定されます。パラメータが2つ指定された場合で2番目のパラメータが関数の場合には、指定された属性の有無に関わらず、その関数が呼び出されます。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"><!--
function setSrc(filename){
$("img").attr({ src: filename, title:filename });
// $("img").attr("src", filename);
alert($("img").attr("src"));
var obj = $("img").attr("id", function(){
alert("ID = "+this.id);
});
}
// --></script>
</head>
<body>
<h1>属性値を参照/設定する</h1>
<form>
<input type="button" value="photo1.jpgに設定" onClick="setSrc('photo1.jpg')">
<input type="button" value="photo2.jpgに設定" onClick="setSrc('photo2.jpg')">
</form>
<img src="photo1.jpg">
<img src="photo1.jpg" id="secImage">
<img src="photo1.jpg" id="trdImage">
</body>
</html>