<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jpuery-3.7.1.js"></script> #导入的包
<title></title>
<style> #编辑样式，可以理解为装自己设置样式的盒子
.highlight{ #对某个字符单独设置样式
background-color: green; #设置背景色
color: aqua; #设置字体颜色
}
</style> #结束编辑样式
<script type=“text/javascript”>
$(document).ready(function(){ #$是jQuery的简化 document表示文件 ready准备的意思 function表示功能
$('button').click(function(){ #button是按钮的意思并且进行引用 click表示点击
$('h1').addClass('highlight') #引用h1里面的内容并且给他添加样式
})
})
</script>
</head>
<body>
<h1> you Hello </h1> # h1表示一个盒子
<button>变色</button> # 使用按钮，按钮里面的文字是“变色”
</body>
</html>
标签：jQuery,function,样式,h1,设置,按钮 From： https://www.cnblogs.com/wbflovezy/p/18460527