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

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

}

});

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