- JQuery_[JQuery filter() 메서드 사용]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script>
$.noConflict();
var J = jQuery;
J(function () {
// h3 행(0 부터 시작)이 홀수이면 배경 : 검정, 폰트 : 하얀색
J("h3").filter(function (index) {
return index % 3 == 0;
}).css({
backgroundColor: "Black",
color: "White"
});
// filter & end 사용 법( filter : 문서 객체 선택 후 체이닝 처리, end : 문서 객체 선택을 한 단계 뒤로 이동 )
J("h3").css("background", "Orange").filter(":odd").css("color", "Red").end().filter(":even").css("color", "Blue");
});
</script>
<title>Untitled Page</title>
</head>
<body>
<h3>Header - 0</h1>
<h3>Header - 1</h1>
<h3>Header - 2</h1>
<h3>Header - 3</h1>
<h3>Header - 4</h1>
<h3>Header - 5</h1>
</body>
</html>
'공부 > JQuery' 카테고리의 다른 글
| JQuery_[ 이벤트 연결 기본 bind() ] (0) | 2013.01.21 |
|---|---|
| JQuery_[특정 태그 선택(find)] (0) | 2013.01.07 |
| JQuery_[JQuery 를 이용한 객체 확장] (0) | 2013.01.07 |
| JQuery_[배열1(스크립트배열), 배열2(선택자)] (0) | 2013.01.07 |
| JQuery_[필터 선택자] (0) | 2013.01.07 |