jquery修改css样式|jquery设置css样式的多种方法

时间:2021-06-26  来源:jquery  阅读:

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

 

 代码如下

  

  Document

   

  

    兄弟多个1

    兄弟多个2

    兄弟多个3

    兄弟多个4

    兄弟多个5

    兄弟多个6

    兄弟多个7

    兄弟多个8

    兄弟多个9

  

  

        兄弟多个1

        兄弟多个2

        兄弟多个3

        兄弟多个4

        兄弟多个5

        兄弟多个6

        兄弟多个7

        兄弟多个8

        兄弟多个9

      

     

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

     

    jquery修改css样式|jquery设置css样式的多种方法

    http://m.bbyears.com/wangyezhizuo/126136.html

    推荐访问:jquery改变css样式
相关阅读 猜你喜欢
本类排行 本类最新