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

    jq如何设置css

    coldplay.xixicoldplay.xixi2021-04-29 11:26:38原创454

    jq设置css的方法:1、设置单个样式属性,代码为【$('#test').css('background-color','red')】;2、设置多个属性你,可以传入一个对象,代码为【$('#test').css({'background】。

    本教程操作环境:windows7系统、css3版,DELL G3电脑。

    jq设置css的方法:

    如果要设置单个样式属性可以这样

    $('#test').css('background-color','red');

    如果你要同时设置多个属性你,可以传入一个对象

    $('#test').css({'background-color':'red','font-size':'20px'});

    即属性值例如background-color,你也可以用驼峰形式backgroundColor,这时你可以不用单引号

    你可以亲自试一下

    <html>
    <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/<a href="http://www.jquerycn.cn/
    " target="_blank" class="inner-link">jquery</a>/1.7.0/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $('#test').css('background-color','red');
      });
    });
    </script>
    </head>
    <body>
    <h1 id="test">jquery 设置css</h1>
    <button type="button">设置h1的css</button>
    </body>
    </html>

    相关教程推荐:CSS视频教程

    以上就是jq如何设置css的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jq css
    上一篇:css如何设置div垂直居中 下一篇:css怎么设置边框的透明度
    大前端线上培训班

    相关文章推荐

    • css文字如何垂直居中• css怎么设置文本颜色• javascript怎么设置css• css怎么设置div的透明度• css中auto什么意思• 详解三种CSS3模糊背景效果(代码实例)

    全部评论我要评论

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

    PHP中文网