现在的位置: 首页 > 综合 > 正文

jquery 点击某行变换背景颜色,其他行还原为原来颜色

2013年05月31日 ⁄ 综合 ⁄ 共 851字 ⁄ 字号 评论关闭
30元程序员衣装优惠券,仅剩3天!点击领取

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript">

 

   $(document).ready(function(){

    $("#each li").click( 

  function() {

           $(this).css("background","#FF0000").siblings().css("background","#ffffff"); 

       });

 

    });

    </script>

 

<style type="text/css">

 

</style>

</head>

 

<body>

<div id="each">

   <ul>

      <li>111111111111111111111111</li>

 <li>222222222222222222222222</li>

 <li>333333333333333333333333</li>

 <li>444444444444444444444444</li>

 <li>555555555555555555555555</li>

 <li>666666666666666666666666</li>

 <li>777777777777777777777777</li>

   </ul>

</div>

</body>

</html>

30元程>序员衣装优惠券,仅剩3天!点击领取

抱歉!评论已关闭.