2013년 8월 10일 토요일

(oraclejavsa, html5, css3, ajax, jquery 강좌) jquery selector, 위치와 관련된 필터연산자 odd, even, first, last

<html>
<head>
<meta charset="utf-8"/>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("tr:odd").css('color', 'blue');
$("tr:even").css('color', 'red');
$("tr:first").css('color', 'black');
$("tr:last").css('color', 'white').css("background", "#000000");
});
</script>
<body>
    <table>
    <tr><th>name</th><th>addr</th></tr>
    <tr><td>1길동</td><td>서울</td></tr>   
    <tr><td>2길동</td><td>대구</td></tr>
    <tr><td>3길동</td><td>광주<td></tr>
    <tr><td>4길동</td><td>제주<td></tr>
    <tr><td>5길동</td><td>서울<td></tr>    </table>
</body>
</html>


댓글 없음:

댓글 쓰기