note

함수 필터 선택자 본문

JavaScript/jQuery

함수 필터 선택자

투한 2012. 3. 20. 10:30 













<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
	$(document).ready(function (){
		$('tr:eq(0)').css('background','#000').css('color','white');
		$('td:nth-child(3n+1)').css('background','#565656');
		$('td:nth-child(3n+2)').css('background','#a9a9a9');
		$('td:nth-child(3n)').css('background','#f9f9f9');
	});
	
</script>
</head>
<body>
<table>
        <tr><th>이름</th><th>혈액형</th><th>지역</th></tr>
        <tr><td>강민수</td><td>AB형</td><td>서울특별시 송파구</td></tr>
        <tr><td>구지연</td><td>B형</td><td>미국 캘리포니아</td></tr>
        <tr><td>김미화</td><td>AB형</td><td>미국 메사추세츠</td></tr>
        <tr><td>김선화</td><td>O형</td><td>서울 강서구</td></tr>
        <tr><td>남기주</td><td>A형</td><td>서울 노량진구</td></tr>
        <tr><td>윤하린</td><td>B형</td><td>서울 용산구</td></tr>
    </table>
</body>
</html>



eq0 은 이름 있는 쪽 (글자는 white)

3n+1 번째에 위치하는 문서 객체를 선택합니다(1,4,7....)

 





저작자표시 비영리 변경금지 (새창열림)

'JavaScript > jQuery' 카테고리의 다른 글

addClass() 메서드  (0) 2012.03.20
$.each() 메서드 사용  (0) 2012.03.20
필터 선택자  (0) 2012.03.20
입력 양식 필터 선택자  (0) 2012.03.20
속성 선택자  (0) 2012.03.20
'JavaScript/jQuery' Related Articles more