반응형
[jQuery] 기본 선택자
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() { // 태그선택자 jQuery("h2").css("background-color", "#FF0000"); // class 선택자 : . 으로 시작 jQuery(".item").css("background-color", "#008000"); // id 선택자 : # 으로 시작 jQuery("#item").css("background-color", "#00ffff"); }); </script> </head> <body> <h1>jQuery 선택자</h1> <hr/> <h2>jQuery Selector 연습 - 1</h2> <h2 class="item">jQuery Selector 연습 - 2</h2> <h2 id="item">jQuery Selector 연습 - 3</h2> </body> </html> |
| 출력결과 |
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] 자식 선택자 (0) | 2015.11.16 |
|---|---|
| [jQuery] 후손 선택자 (0) | 2015.11.16 |
| [jQuery] jQuery 사용 (0) | 2015.11.16 |
| [jQuery] .each() loop 에서 빠져 나오기 (0) | 2015.09.18 |
| [jQuery] 글자수 제한 기능 구현하기 (0) | 2015.07.30 |
