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

2019-11-19 17:28:51

字体：大中小

来源：转载

供稿：网友

设置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动态生成不规则表格(前后端)

下一篇：JavaScript中 this 指向问题深度解析