jquery css() 修改样式

例子

通过 css() 方法修改元素的样式,如下图:

html:

<input value="添加文字颜色" type="button" id="btn">
<input value="添加背景颜色" type="button" id="btn2">
<input value="修改文字大小" type="button" id="btn3">

<div id="box">
    李雷、韩梅梅、lucy、lili
</div>

css:

<style>
    div{
        border: 1px solid red;
        width: 300px;
        height: 80px;
    }
</style>

js:

<script src="scripts/jquery.min.js"></script>
<script>
  $("#btn").click(function () {
      //添加样式
      $("#box").css("color","red")
  })
  $("#btn2").click(function () {
      //添加样式
      $("#box").css("background-color","#5bc0de")
  })
  $("#btn3").click(function () {
      //添加样式
      $("#box").css("font-size","20px")
  })
</script>

原文出处:https://malaoshi.top/show_1IX5pvxqLrGL.html