<!DOCTYPE html>
<html>
<head>
<title>选择器</title>
<meta charset="utf-8">
<style type="text/css">
.c {
text-align: center;
color: lightblue;
}
.ybe {
float: right;
color: red;
}
.c {
text-align: center;
}
</style>
</head>
<body >
<h2 id="h2">纸短情长</h2>
<p>怎么会爱上了他，并决定跟他回家</p>
<b>放弃了我的所有我的一切无所谓</b>
<h3>纸短情长啊，诉不完当时年少</h3>
<p>我的故事还是关于你啊</p>
<span></span>
</body>
</html>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
<script type="text/javascript">
$('p').css('color','red') // tag 标签选择器
$('#h2').addClass('c'); // id 选择器
$('p:eq(1)').css('color','lightpink') //命中选择器
$('p:first').css('color','red') // 第一个元素选择器
$(':empty').text('歌手：烟把儿').addClass('ybe') // 空元素
$('body').addClass('c') //元素选择器
</script>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
