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

原创

Q神 2022-07-20 10:40:25 博主文章分类：jQuery ©著作权

©著作权归作者所有：来自51CTO博客作者Q神的原创作品，请联系作者获取转载授权，否则将追究法律责任

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