jquery设置css样式的多种方法(总结)

设置css样式的多种方法总结，jquery

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
  </style>  
</head>
<body>
  <ul>
    <li>兄弟多个1</li>
    <li>兄弟多个2</li>
    <li>兄弟多个3</li>
    <li>兄弟多个4</li>
    <li>兄弟多个5</li>
    <li>兄弟多个6</li>
    <li>兄弟多个7</li>
    <li>兄弟多个8</li>
    <li>兄弟多个9</li>
  </ul>
  <ul id="ul">
    <li>兄弟多个1</li>
    <li>兄弟多个2</li>
    <li>兄弟多个3</li>
    <li>兄弟多个4</li>
    <li>兄弟多个5</li>
    <li>兄弟多个6</li>
    <li>兄弟多个7</li>
    <li>兄弟多个8</li>
    <li>兄弟多个9</li>
  </ul>

  <script type="text/javascript" src="jquery-1.11.1.js"></script>
  <script>
    //设置css属性
    $("ul").css("backgroundColor","red"); 

    //同时设置多值
    $("ul").css({
      backgroundColor: "yellow",
      fontSize: "16px"

    });

    //间隔显示不一样的颜色
    $("#ul li").css("color",function(index,value){
      console.log(index); //当前元素的序号
      console.log(value); //当前元素要设置的样式的值
      if(index%2==0){
        return "red";
      }else{
        return "blue";
      }
    });

  </script>
</body>
</html>

以上这篇jquery设置css样式的多种方法(总结)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# jquery设置css样式 # jQuery获取样式中的背景颜色属性值/颜色值 # 如何使用jquery修改css中带有!important的样式属性 # 从零开始学习jQuery (四) jQuery中操作元素的属性与样式 # jQuery修改class属性和CSS样式整理 # 基于jquery animate操作css样式属性小结 # jQuery 添加样式属性的优先级别方法(推荐) # jQuery操作属性和样式详解 # jQuery使用CSS()方法给指定元素同时设置多个样式 # JQuery实现样式设置、追加、移除与切换的方法 # jQuery实现为LI列表前3行设置样式的方法【2种方法】 # jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等) # JQuery样式与属性设置方法分析 # 多个 # 给大家 # 希望能 # 这篇 # 小编 # 大家多多 # charset # UTF # meta # en # head # body # ul # style # title # Document # lang # pre # class # br

返回目录在线咨询

上一篇：网站制作辅导机构有哪些,国内有哪些行内口碑比较好的原画培训机构？
下一篇：借助阳光互联平台，如何快速启动并发布您的第一个网站？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

jquery设置css样式的多种方法(总结)

您的项目需求