JQuery中的奇偶even odd和CSS中的奇偶】
阿新 • • 發佈:2020-11-16
1 <style type="text/css"> 2 h1:nth-child(even){ 3 background-color: red; 4 } 5 </style> 6 <script> 7 $(document).ready(function(){ 8 $("p:even").css("background-color","yellow"); 9 }); 10 </script> 11 </head> 12 <body> 13 14 <h1>歡迎訪問我的主頁</h1> 15 <h1>歡迎訪問我的主頁</h1> 16 <h1>歡迎訪問我的主頁</h1> 17 <h1>歡迎訪問我的主頁</h1> 18 19 <p> 20 <span>網站名</span> 21 <span>網址</span> 22 </p> 23 <p> 24 <span>Google</span> 25 <span>http://www.google.com</span> 26 </p> 27 <p> 28 <span>Baidu</span> 29 <span>http://www.baidu.com</span> 30 </p>
結果:JQuery中的奇偶是指實際中的奇偶,even 第一個,第三個..... odd 第二個,第四個.....
CSS中的奇偶是從標籤下標開始,even 第二個,第四個..... odd第一個,第三個.....