Contoh dalam artikel ini menerangkan cara jQuery merealisasikan paparan berselang-seli warna jadual. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: jQuery melaksanakan paparan berselang-seli warna jadual <br> jQuery(dokumen).sedia(fungsi(){<br> jQuery(".truecolor tr:odd").addClass("color1");<br> jQuery(".truecolor tr:even").addClass("color2");<br> jQuery(".truecolor tr").hover(function(){<br> jQuery(this).addClass("color3")<br> },fungsi(){<br> jQuery(this).removeClass("color3")<br> });<br> });<br> </skrip><br> <style type="text/css"><br> .truecolor {border:1px solid #333;text-align:center;}<br> .truecolor th {warna latar:#333; .color1 {warna latar:#DDD; .warna2 {warna-latar:#EEE; warna:#333;}<br> .color3 {warna latar:#666; warna:#FFF;}<br> </style><br> </head><br> <badan><br> <table width="450" class="truecolor"><br> <kepala><br> <tr><br> <th>Blog</th><br> <th>Pengarang</th><br> <th>Laman web</th><br> </tr><br> </kepala><br> <tbody><br> <tr><br> <td>Tarian Gaya</td><br> <td>火德</td><br> <td>Tukar warna setiap baris lain</td><br> </tr><br> <tr><br> <td>Blog Zhao Lei</td><br> <td>Zhao Lei</td><br> <td>Sina Weibo</td><br> </tr><br> <tr><br> <td>Lonely Square</td><br> <td>Wei Chunliang</td><br> <td>Rakan Sekelas</td><br> </tr><br> <tr><br> <td>Taobao UED</td><br> <td>Taobao</td><br> <td>Kerap Membeli-belah</td><br> </tr><br> </tbody><br> </table><br> </body><br> </html><br><br> </div>Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
