JQuery层次选择器-创新互联

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

$(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层次选择器-创新互联

天气冷了

天气又冷了

其他资讯