问jQuery怎么改变css样式?

答 1 个回答|336 次阅读
Coco老师 - 官方公众号:青少儿编程学习网
擅长:编程教育网站:https://kidscodes.cn/

在jquery中,可以利用css()方法来改变css样式。

css()方法设置或返回被选元素的一个或多个样式属性。

基本语法如下

$(‘选择器’).css('属性名称','属性值');

示例:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
    <script>
      $(function() {
        $(".big").css("font-size", "30px");
        $("#color").css("color", "red");
      });
    </script>
  </head>
  <body>
    <ul>
      <li class="big">测试文本</li>
      <li>测试文本</li>
      <li id="color">测试文本</li>
      <li>测试文本</li>
    </ul>
  </body>
</html>

推荐课程 »更多

    推荐知识

    Python最适合青少儿进阶学习的编程语言

    Python精选库大全,青少年Python编程学习总结