JQuery层次选择器

Jsp页面

发展壮大离不开广大客户长期以来的信赖与支持，我们将始终秉承“诚信为本、服务至上”的服务理念，坚持“二合一”的优良服务模式，真诚服务每家企业，认真做好每个细节，不断完善自我，成就企业，实现共赢。行业涉及成都纸箱等，在网站建设公司、营销型网站建设、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

<%@ 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

$(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"); }); });

JQuery层次选择器

天气冷了

天气又冷了

其他资讯