▲ jQuery 위치 필터 선택자 > JQUERY

본문 바로가기

사이트 내 전체검색

뒤로가기 JQUERY

▲ jQuery 위치 필터 선택자

페이지 정보

작성자 관리자 작성일 23-04-02 13:39 조회 751 댓글 0

본문

<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>

추천0 비추천 0

댓글목록 0

등록된 댓글이 없습니다.


Copyright © dancePKT. All rights reserved.
PC 버전으로 보기