<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<!--
기본 필터 메서드 :
filter() : 문서 객체를 필터링합니다.
형식) $(selector).filter(selector);
$(selector).filter(function(){});
-->
<script>
$(function(){
/*
$('h3:even').css({backgroundColor:'black',
color: 'white'});
같은 의미로 사용 가능
*/
$('h3').filter(':even')
.css({backgroundColor:'hotpink',
color:'white'
});
$('h3').filter(':odd')
.css({backgroundColor:'orange',
color:'yellow'
});
});
</script>
<body>
<h3>Header-0</h3>
<h3>Header-1</h3>
<h3>Header-2</h3>
<h3>Header-3</h3>
<h3>Header-4</h3>
<h3>Header-5</h3>
<h3>Header-6</h3>
</body>
</html>
' sundries' 카테고리의 다른 글
| 2-4 체이닝 (0) | 2018.01.12 |
|---|---|
| 2-3 filter(function(index)) (0) | 2018.01.12 |
| 2-1 필터 선택자 요소 콜론 (0) | 2018.01.12 |
| 꿈틀이 (0) | 2018.01.11 |
| 1-22 jQuery 충돌 방지 (0) | 2018.01.11 |
