<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隔行变色</title> <script src="../../Chapter07/JS/jquery-1.12.4.js"></script> <style> *{ padding: 0; margin: 0; } ul{ width: 300px; } </style> </head> <body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </body> <script> $(document).ready(function () { $("li:even").css("background","blue") $("li:odd").css("background","red") }) </script> </html>