メソッド　その3

jQuery

attr()メソッド
・属性を操作する
HTML

<body>
<h1><a href="#">趣味のアンケート</a></h1>
<p>あなたの趣味を教えてください。</p>
<form action="#" method="get">
<label>音楽：<input type="radio" id="music" value="music" name="hobby"></label>
<label>映画：<input type="radio" id="movie" value="movie" name="hobby"></label>
<label>読書：<input type="radio" id="reading" value="reading" name="hobby"></label>
</form>
<script>
$(function(){
	$('h1 a').attr('target','_blank');
	$('#music').attr('checked','checked');
});
</script>
</body>

↓


val()メソッド
・属性を取得する場合
・attr()メソッドは、属性値を「取得」する
※Before
HTML

<body>
<form action="#" method="get">
<input type="text" id="search"  size="30" name="search" value="">
<input type="submit" value="検索">
</form>
</body>

↓

※After
HTML

<body>
<form action="#" method="get">
<input type="text" id="search"  size="30" name="search" value="">
<input type="submit" value="検索">
</form>
<script>
$(function(){
	$('#search').val('search...');
});
</script>
</body>

↓