<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
p{color: blueviolet;} /*直接引用进行编辑*/
.dy{color: bisque;} /*用class进行引用编辑 注：class前面需要加. */
#de{background: royalblue;} /*用id进行引用编辑 注：id前面需要加# */
</style>
<script src="js/jquery-3.7.1.js"></script>
<script>
/*
$(document).ready(function(){ //准备开始运行功能
var $q=$('button'); //对按钮进行简化，用最少的代码办最多的事
$q.html('钱世林憨憨') //将看按钮文字进行更改
.css('background','brown') //对该文本进行样式调整
.click(function(){ //对该按钮进行点击功能
alert('对，是的') //点击后所改变的文字
})
})
*/
$(document).ready(function(){ //准备开始运行功能
$('button').html('钱世林憨憨') //将看按钮文字进行更改
$('button').css('background','chocolate') //对该文本进行样式调整
$('button').click(function(){ //对该按钮进行点击功能
alert('对，是的') //点击后所改变的文字
})
}) //标题盒子 //文本盒子 //按钮盒子
</script>
</head>
<body>
<h1 class="dy">第一章</h1>
<p id="de">第一节</p>
<button>默认文本</button>
</body>
</html>