jq如何设置css_CSS

上一篇: css怎么设置边框的透明度下一篇:css如何设置div垂直居中

jq如何设置css

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了jq如何设置css，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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

jq如何设置css

本教程操作环境：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@R_126_1718@/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的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的jq如何设置css全部内容，希望文章能够帮你解决jq如何设置css所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：jq

上一篇: css怎么设置边框的透明度下一篇:css如何设置div垂直居中

猜你在找的CSS相关文章