jQuery class选择器的使用

最新推荐文章于 2024-07-06 12:03:19 发布

ttcyan

最新推荐文章于 2024-07-06 12:03:19 发布

阅读量580

点赞数

本文链接：https://blog.csdn.net/cyanciel/article/details/54093784

版权

JavaScript 同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

jQuery

21 篇文章 0 订阅

订阅专栏

<!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>

效果图