[ 탐색 : 필터링 및 체인 ]
| 표현식 | 설명 |
| eq(index) | 일치된 요소들 중에서 인덱스와 일치하는 단일 요소를 가져옵니다. |
| filter(expr) | 지정된 표현식과 매치되지 않는 모든 요소들을 제거합니다. 즉, 매치되는 요소들만을 가져옵니다. |
| filter(func) | 지정된 함수와 매치되지 않는 모든 요소들을 제거합니다. |
| is(expr) | 현재 개체와 표현식에 해당한다면 true, 표현식에 여러 개의 조건이 있다면 그 중 한 개만 맞아도 true가 됨 |
| map(callback) | jQuery 개체 안에 있는 요소들의 집합을 다른 집합으로 변경해서 옮긴다. |
| net(expr) | 지정된 표현식과 매치되는 모든 요소들을 제거합니다. 즉, 매치되지 않는 요소들만을 가져옵니다. |
[ 출처 : Taeyo ]
| 12.Filter.htm |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>filter() 메서드를 사용해서 조건에 맞는 요소만 가져오기</title> <style type="text/css"> .redBorder{ border:solid 1px red; } .five { border-width:5px; } </style> <script src="jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('img').addClass('redBorder') //모든 이미지에 redBorder 클래스 적용 .filter('[title*=닷넷]').addClass('five') //'닷넷' title만 뽑아서 five 클래스 적용 .end() //부모로 이동() .filter('[alt$=디드]').removeClass('redBoder'); //'디드'로 끝나는 스타일 제거 }); </script> </head> <body> <img src="" title="닷넷" alt="닷넷" /> <img src="" title="자바" alt="자바"/> <img src="" title="임베디드" alt="임베디드"/> </body> </html> |
| 결과화면 |
 [그림12-1] |
12.Filter.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 14.jQuery - Toggle 메서드 토글링 ( 14.Toggle ) (0) | 2009.11.06 |
|---|---|
| 13.jQuery - Silce ( 13.Silce ) (0) | 2009.11.06 |
| 11.jQuery - Click 클릭이벤트 ( 11.Click ) (0) | 2009.11.06 |
| 10.jQuery - this 이벤트 ( 10.ThisId ) (0) | 2009.11.06 |
| 09.jQuery - AddClass , RemoveClass ( 09.AddClassRemoveClass ) (0) | 2009.11.06 |
Comments