1. 程式人生 > >jquery 一次選擇2個元素 多個元素

jquery 一次選擇2個元素 多個元素

<!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="js/jquery-1.3.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $(".c2 li,.c1 li").hover(

     function(){$(this).addClass("hover");},

function(){$(this).removeClass("hover")}

  )

})

</script>

<style type="text/css">

.hover{ background:#FF0000;}

</style>

</head>

<body>

<div class="c1">

   <ul>

      <li>1111111111111111111</li>

 <li>2222222222222222222</li>

 <li>3333333333333333333</li>

 <li>4444444444444444444</li>

 <li>5555555555555555555</li>

   </ul>

</div>

<div class="c2">

   <ul>

      <li>1111111111111111111</li>

 <li>2222222222222222222</li>

 <li>3333333333333333333</li>

 <li>4444444444444444444</li>

 <li>5555555555555555555</li>

   </ul>

</div>

</body>

</html>

各元素間用","隔開。