1、打开HBuilder X,新建一个项目。

2、引入JQuery:
<script src="jquery-3.4.1.js"></script>

3、这里以三个P标签为例:
第一个段落
第二个段落
第三个段落
<button>点击按钮</button>

4、文档准备就绪函数:
<!-- 文档准备就绪函数 -->
<script type="text/javascript">
$(document).ready(function(){
$('button').click(function(){
$("p:first").addClass("a b");
});
});
</script>

5、给内容设置一下样式:
.a{/* 背景色 */
background-color: aqua;
}
.b{/* 字体颜色 */
color: crimson;
}
</style>

6、打开游览器运行:
运行前:

7、运行后:
改变了背景颜色和字体颜色:
