jQueryオブジェクト０９

jQuery 授業



要素の属性値を変更する - attr



ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>要素の属性値を変更する - attr</title>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<style>
body {
background-color: #F93;
}

img {
width: 180px;
height: 180px;
}

</style>
</head>
<body>

<p><img src="img/01.jpg" alt=""></p>
<p><img src="img/01.jpg" alt="" id="changeThis"></p>
<p><img src="img/01.jpg" alt=""></p>
<p><img src="img/01.jpg" alt=""></p>

<script>
$(function() {
$('#changeThis').attr('src', 'img/11.jpg');
});
</script>
</body>
</html>

ブラウザで表示【 Chrome 】

  • 2枚目の画像の要素を変更