1-14 동위 선택자

sundries

1-14 동위 선택자

스티브 2018. 1. 11. 19:27

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<script>

	$(function(){
		$('li + li').css('color', 'orange');
		
	/*  인덱스로 찾기
		$('li:eq(1)').css('color', 'red');
		$('li:eq(2)').css('color', 'red'); 
	*/
	});
	
</script>
<!-- 
	1. A E - A 요소에 포함되어 있는 요소중 E 요소를 선택한다.(후손요소)
	1. A>E - A 요소의 바로 아래에 포함되어 있는 E요소를 선택한다(자식요소)
	1. A+E - A 요소의 다음으로 나오는 E 요소를 선택한다.
 -->
<body>
<div> 동위 선택자 (+) 형제 지간 </div>
<div> 
	<ul>
		<li>Cat</li>
		<li>Dog</li>
		<li>Elephant</li>
	</ul>
	<div>
		<p> 하하 저는 적용이 안되나요? 
	</div>
</div>
</body>
</html>