jQuery css() 方法修改元素的属性比如字体颜色、大小

最新推荐文章于 2021-06-28 00:09:59 发布

我是高手高手高高手

最新推荐文章于 2021-06-28 00:09:59 发布

阅读量5.9k

点赞数

分类专栏： jQuery JS技巧

本文链接：https://blog.csdn.net/haibo0668/article/details/71794596

版权

JS技巧同时被 2 个专栏收录

246 篇文章

订阅专栏

jQuery

129 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $(".layui-tab-title i").css({"color":"#000000","font-size":"140px"});
  });
});
</script>
</head>

<body>
<h2>这是一个标题</h2>
<ul class="layui-tab-title">
<li style="background-color:#ffffff"><i class="layui-icon" style="font-size: 12px; color: #a6b6c8; padding-right:10px;">0000</i>这是一个段落。</li>
<li style="background-color:#00ff00">这是一个段落。</li>
<p style="background-color:#0000ff">这是一个段落。</p>
</ul>
<p>这是一个段落。</p>
<div>
	<li id="b1" class="" lay-id="1"><i class="layui-icon" style="font-size: 12px; color: #a6b6c8; padding-right:10px;">222</i>后台管理</li>           
<li lay-id="2" class="layui-this"><i class="iconfont" style="font-size: 12px; color: #a6b6c8; padding-right:10px;">333</i>分组管理</li>
</div>
<button>为 p 元素设置多个样式</button>
</body>
</html>

可以把上的代码放入其中来看效果：http://www.runoob.com/try/try.php?filename=tryjquery_css_set_multiple