設置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>新聞熱點
疑難解答
