Jsp页面

<%@ page language="java" contentType="text/html; charset=GB18030"  pageEncoding="GB18030"%>        
       
        
         
        
           div,span{  width: 140px;  height: 140px;  margin: 20px;  background: #9999CC;  border: #000 1px solid;  float:left;  font-size: 17px;  font-family:Roman;  }  div.mini{  width: 30px;  height: 30px;  background: #CC66FF;  border: #000 1px solid;  font-size: 12px;  font-family:Roman;  }    
         Insert title here      
           
         
           内所有 
          
            的背景色为 #0000FF" id="b1"/> 
           
             内子 
            
              的背景色为 #FF0033" id="b2"/> 
             
               的背景色为 #0000FF" id="b3"/> 
              
               的元素的背景色为 # #0000FF" id="b4"/> 
               
                 兄弟元素的背景色为 #0000FF" id="b5"/> 
                
天气冷了
 
                
天气又冷了
 
                
                 id为one
                
               
              
             
            
 
            
              id为two class是 mini 
             
              class是 mini
             
            
           
          
    
          
            class是 one 
           
            class是 mini 
            
             class是 mini  
             
               class是 one 
              
               class是 mini01 
               
                class是 mini 
                
 
                
                 动画
                 
 
                 
                  span

Js代码

$(document).ready(function(){  //  $("#b1").click(function(){  $("body div").css("background", "red");  });  //  $("#b2").click(function(){  $("body > div").css("background", "red");  });  //  $("#b3").click(function(){  //id为one的下一个紧邻div节点（兄弟节点）  $("#one+div").css("background", "red");  //没有选取到节点，因为id为one的元素下一个节点不是span  $("#one+span").css("background", "red");  //id为one的下一个元素  $("#one+*").css("background", "red");  });  //  $("#b4").click(function(){  //$("#two~div").css("background", "red");  //id为two的元素后所有兄弟元素  $("#two~*").css("background", "red");  });  //  $("#b5").click(function(){  $("#two").siblings("div").css("background", "red");  });  });