<!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>
' sundries' 카테고리의 다른 글
| 1-16 입력 양식 필터 input type=text (0) | 2018.01.11 |
|---|---|
| 1-15 입력, 양식 필터 / 속성 선택자 input type=text (0) | 2018.01.11 |
| 1-11 특정 class 속성을 가지는 태그 선택자 (0) | 2018.01.11 |
| 1-9 prompt 아이디 선택자 (0) | 2018.01.11 |
| 1-8 여러개의 태그 선택자 (0) | 2018.01.11 |
