반응형
[jQuery] 필터 선택자
filter_selector-1.html |
| <!doctype html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>jQuery 선택자</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { // 필터 선택자 : 선택자 중 원하는 요소만 검색 => filter() jQuery("ul li").filter(".important").css("color", "#556b2f"); }); </script> </head> <body> <h1>jQuery 선택자</h1> <hr/> <ul> <h2>웹프로그래밍</h2> <li>Java 과정</li> <ol> <li>기본 문법</li> <li class="important">OOP 개념</li> <li>API 활용</li> </ol> <li class="important">JSP 과정</li> <ol> <li>스크립팅 요소</li> <li>지시어</li> <li class="important">액션태그</li> </ol> </ul> </body> </html> |
출력결과 |
filter_selector-2.html |
| <!doctype html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>jQuery 선택자</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery("ul li.important").css("color", "#800000"); }); </script> </head> <body> <h1>jQuery 선택자</h1> <hr/> <ul> <h2>웹프로그래밍</h2> <li>Java 과정</li> <ol> <li>기본 문법</li> <li class="important">OOP 개념</li> <li>API 활용</li> </ol> <li class="important">JSP 과정</li> <ol> <li>스크립팅 요소</li> <li>지시어</li> <li class="important">액션태그</li> </ol> </ul> </body> </html> |
| 출력결과 |
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] eq 선택자 (0) | 2015.12.20 |
|---|---|
| [jQuery] NOT 선택자 (0) | 2015.11.16 |
| [jQuery] 자식 선택자 (0) | 2015.11.16 |
| [jQuery] 후손 선택자 (0) | 2015.11.16 |
| [jQuery] 기본 선택자 (0) | 2015.11.16 |
