1. 程式人生 > >jQuery class選擇器的使用

jQuery class選擇器的使用

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>選擇器</title>
</head>
<style>
	.myClass {
		width:200px;
		height:200px;
		line-height: 200px;
                <!--下面這句話的主要是解決span設定height無效的。也可以使用block,這樣span其實就是類似div了-->
                display: inline-block;
               text-align: center;
	}
</style>
	<script src="jquery-1.11.3.min.js">
	</script>

<body>
	<!--
		class 選擇器
		根據給定的類名匹配元素
		[一個元素可以有多個類,只要有一個符合就能被匹配到]
	-->
	<div class="notMe">div class="notMe"</div>
	<div class="myClass">div class="myClass"</div>
	<span class="myClass">span class="myClass"</span>
</body>
<script type="text/javascript">
	$('.myClass').css('background','pink');
</script>
</html>

效果圖