微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery怎么改变css样式

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教程(视频)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐