jquery 写入css

瑜舒涵 5天前 7浏览 0评论

要使用jQuery在网页中写入CSS样式,我们需要先了解一些jQuery的基础知识。

首先,我们需要在HTML文件中引入jQuery库:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

引入完成后,我们就可以使用jQuery的语法来操作CSS了。比如,我们可以使用 css() 方法来设置元素的样式:

$("p").css("color", "red");

上面的代码会将所有的 <p> 元素的文本颜色设置为红色。

除此之外,我们还可以使用 addClass()removeClass() 方法来添加和移除样式类:

$("p").addClass("highlight");
$("p").removeClass("highlight");

上面的代码可以添加和移除所有 <p> 元素的 highlight 样式类。

另外,如果我们需要同时设置多个属性,可以使用一个对象参数:

$("p").css({
  "color": "red",
  "font-size": "14px",
  "font-weight": "bold"
});

上面的代码会将所有的 <p> 元素的文本颜色设置为红色,字号设置为14像素,粗细设置为粗体。

总之,jQuery可以非常方便地操作CSS样式,让网页的样式更加灵活多样。