• 技术文章 >web前端 >js教程

    jquery怎么改变css样式

    青灯夜游青灯夜游2021-04-28 16:16:57原创600

    jquery改变css样式的方法:首先使用“$()”获取HTML元素节点,然后使用css()方法改变css样式;具体语法“$("选择器").css("属性名称","属性值");”。

    本教程操作环境:windows7系统、jquery3.0.0版本、Dell G3电脑。

    在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>

    效果图:

    1.png

    相关视频教程推荐:jQuery教程(视频)

    以上就是jquery怎么改变css样式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery css
    上一篇:详解JavaScript数组开头添加元素的3种方法 下一篇:jquery怎么操作css设置颜色
    大前端线上培训班

    相关文章推荐

    • jquery怎么添加css样式• jquery和javascript之间有什么区别• jquery怎么移除css样式• jquery怎么删除css• JS/jQuery如何移除CSS样式

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网