什么是jq
jq是一款轻量级的JavaScript库，基于JavaScript的原生API封装，可以方便地操作HTML文档、处理事件、创建动画效果以及实现AJAX交互等，广泛应用于Web前端开发中。
使用jq可以极大地简化JavaScript代码，提高开发效率。
在上手jq之前，我们需要先下载它。jq官方文档：https://jquery.com/，在网站上可以看到最新版本的jq，我们可以直接下载或是通过CDN引入。
jq写CSS样式
jq不仅可以方便地操作HTML元素，还可以通过添加和移除class来实现CSS样式的改变。
一、添加class
我们可以使用jq中的addClass方法为HTML元素添加class。下面是一个例子：
$("p").addClass("red");在上面的代码中，我们选择了所有的<p>元素，并为它们添加了名为“red”的class。
我们也可以针对某个具体的HTML元素进行样式的更改，例如：
$("#myDiv").addClass("colorChange");在上面的代码中，我们选择了id为“myDiv”的元素，并为它添加了名为“colorChange”的class。这个class可以在CSS文件中进行定义。
二、移除class
如果想要移除HTML元素中的某个class，我们可以使用jq中的removeClass方法。下面是一个例子：
$("p").removeClass("red");在上面的代码中，我们选择了所有的<p>元素，并移除了它们中的名为“red”的class。
同样的，我们也可以针对某个具体的HTML元素进行class的移除操作，例如：
$("#myDiv").removeClass("colorChange");在上面的代码中，我们选择了id为“myDiv”的元素，并移除了它中的名为“colorChange”的class。
三、切换class
切换class指的是在HTML元素的多个class中不断切换。我们可以使用jq中的toggleClass方法来实现这一操作。下面是一个例子：
$("button").click(function(){
$("p").toggleClass("red");
});
在上面的代码中，我们选择了所有的<p>元素，在点击按钮时不断切换它们中的名为“red”的class。
我们还可以针对某个具体的HTML元素进行class的切换操作，例如：
$("#myDiv").toggleClass("colorChange");在上面的代码中，我们选择了id为“myDiv”的元素，在每次调用该代码时都会切换它中的名为“colorChange”的class。
总结
通过jq添加、移除和切换HTML元素中的class，我们可以轻松地改变它们的CSS样式。除了上面介绍的方法外，我们还可以使用jq的css方法来直接更改HTML元素的样式属性。学好jq可以极大地提高我们编写高质量Web前端代码的效率，建议大家认真学习并实践。