<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery-1.10.1.min.js"></script> <style> .active{ background-color: red; } </style> <script> $(function(){ $("li").click(function(){ $(this).addClass('active').siblings().removeClass('active');
// 下面两行是分解动作。
/// $( this ).addClass( 'active' ); // 设置被点击元素背景为红色
//// $( this ).siblings( 'li' ).removeClass( 'active' ); // 去除所有同胞元素的红色背景
}); }); </script> </head> <body> <ul> <li>111</li> <li>222</li> <li>333</li> <li>444</li> <li>555</li> <li>666</li> <li>7777</li> </ul> </body> </html>