jquery设置css样式的多种方法

作者:袖梨 2022-06-25

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

代码如下 复制代码

Document

  • 兄弟多个1
  • 兄弟多个2
  • 兄弟多个3
  • 兄弟多个4
  • 兄弟多个5
  • 兄弟多个6
  • 兄弟多个7
  • 兄弟多个8
  • 兄弟多个9

  • 兄弟多个1
  • 兄弟多个2
  • 兄弟多个3
  • 兄弟多个4
  • 兄弟多个5
  • 兄弟多个6
  • 兄弟多个7
  • 兄弟多个8
  • 兄弟多个9

//设置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";

}

});

相关文章

精彩推荐