CLASSセレクタ

jQuery 授業



$('.className')


  • 2つ以上の要素に何かしたいときに最適なセレクタ



ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>CLASSセレクタ</title>
<link rel="stylesheet" href="css/style.css">

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

</head>
<body>
<ul>
	<li class="man">Paul</li>
	<li class="man">Billy</li>
	<li class="woman">Alice</li>
	<li class="man">Taro</li>
	<li class="woman">Hanako</li>
</ul>

<script>
$(function(){
	$('.man').css('background','lightblue');
	$('.woman').css('background','pink');
});
</script>

</body>
</html>

ブラウザで表示【 Chrome 】