티스토리 뷰

개발/Web

jquery 요소-2

개발자와코더사이가 PM일까? 2013. 1. 17. 23:50
반응형

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

공유하기 링크
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함