▲ jQuery 위치 필터 선택자
페이지 정보

본문
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>
<table cellspacing=0>
<tr><th>이름</th><th>나이</th></tr>
<tr><td>아린</td><td>22</td></tr>
<tr><td>미연</td><td>21</td></tr>
<tr><td>지수</td><td>20</td></tr>
<tr><td>윈터</td><td>19</td></tr>
</table>
<script>
$(document).ready(function(){
//위치 값은 0부터 출발
$("tr:odd").css('background','red'); //홀수 번째 위치 선택
$("tr:even").css('background','orange'); //짝수 번째 위치 선택
$("tr:first").css('background','green'); //첫 번째 위치 선택
$("tr:last").css('background','green'); //마지막에 위치 선택
});
</script>
- 이전글jQuery 필터 선택자 21.07.19
- 다음글■ jQuery 기본 형식 21.07.19
댓글목록
등록된 댓글이 없습니다.