선택기(Selector)
- <body> 태그내의 모든 DOM 요소에 접근 가능하다.
- $('선택기') : $(document) = 선택기로 읽어오는 개체의 반환값은
jQuery에서 사용 할 수 있는 개체
- CSS : 문법 그대로 간다. = div a : div 태그 내의 a 요소 모두를 의미
| 03.RegSelector.htm |
| <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>정규표현식 실렉터</title> <style type="text/css"> .red { color:Red; } .green { color:Green; } .silver { color:Silver; } </style> <script src="jQuery/jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready( function() { //[1] dotnet이라는 단어가 들어가는 링크에 배경을 red로 설정 $("a[href*='dotnet']").addClass("red"); //~가 들어가는 //[2] aspx로 끝나는 링크의 배경 green으로 설정 $('a[href$="aspx"]').addClass("green"); //~로 끝나는 //[3] mailto: 로 시작하는 링크의 배경을 silver로 설정 jQuery("a[href^='mailto:']").addClass('silver'); } ); </script> </head> <body> <a href="http://www.dotnetkorea.com">닷넷코리아</a> <a href="http://www.VisualAcademy.com/Default.aspx">비주얼아카데미</a> <a href="mailto:godffs@net">이메일</a> </body> </html> |
| 결과화면 |
 [그림3-1] |
03.RegSelector.zip'jQuery | javascript | CSS' 카테고리의 다른 글
| 05.jQuery - 특정 텍스트 검색 ( 05.Contains ) (0) | 2009.11.05 |
|---|---|
| 04.jQuery - Even, Odd ( 04.EvenOdd ) (0) | 2009.11.05 |
| 02.jQuery - 선택기 ( 02.Selector.htm ) (0) | 2009.11.05 |
| 01.jQuery - 기본문법 (01.HellowWorld.htm) (2) | 2009.11.05 |
| 00.jQuery - jQuery란? (0) | 2009.11.05 |
Comments