jquery 요소-2
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>필터</title>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//$(Selector[attr]) attr 속성값을 가지는 Selector 요소
$('table[id="table2"]').css("background",'yellow');//attr 속성의 값이 value와 동일한 값인 Selector 요소
$('tr[id^="t"]').css("background",'blue');//attr 속성의 값이 value 값으로 시작하는 Selector 요소
$('tr[id$="2"]').css("background",'green');//attr 속성의 값이 value 값으로 끝나는 Selector 요소
$('tr[id*="it"]').css("background",'red');//attr 속성의 값이 value 값을 포함하는 Selector 요소
/*
$(Selector[attr!=”value”]) attr 속성의 값이 value와 같지 않은 값 Selector 요소
$(Selector[attr~=”value”) attr 속성의 값이 공백과 함께 value 값을 포함하는 Selector요소
*/
});
</script>
</head>
<body>
<table>
<tr id="content1">
<td align="center">0번호</td>
<td align="left">제목</td>
<td align="right">글쓴이</td>
<td align="center">날짜</td>
</tr>
<tr id="t2">
<td>1</td>
<td>테스트1</td>
<td>서태지</td>
<td>2013-01-07</td>
</tr>
<tr id="t1">
<td>2</td>
<td>테스트2</td>
<td>김건모</td>
<td>2013-01-08</td>
</tr>
<tr id="t2">
<td>3</td>
<td>테스트3</td>
<td>신승훈</td>
<td>2013-01-06</td>
</tr>
<tr id="t1">
<td>4</td>
<td>테스트4</td>
<td>이주노</td>
<td>2013-01-05</td>
</tr>
<tr id="t2">
<td>5</td>
<td>테스트5</td>
<td>보아</td>
<td>2013-01-04</td>
</tr>
<tr id="it2">
<td>6</td>
<td>테스트6</td>
<td>테스터</td>
<td>2013-01-04</td>
</tr>
</table>
<table id="table2">
<tr>
<td><a href="index.jsp">돌아가기</a></td>
</tr>
</table>
</body>
</html>