728x90
first 선택자는 선택된 요소 중 첫 번째 요소만 선택한다. 이와 반대로 last 선택자는 선택된 요소 중 마지막 요소만 선택한다.
* 기본형
| $("요소 선택:first") 또는 $("요소 선택").first() $("요소 선택:last") 또는 $("요소 선택").last() |
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 탐색 선택자 </title> <script src="js/jquery.js"></script> <script> $(function(){ $("#menu li:first") .css({"background-color":"#ff0"}); $("#menu li:last") .css({"background-color":"#0ff"}); }); </script> </head> <body> <h1>탐색 선택자</h1> <ul id="menu"> <li>내용1</li> <li>내용2</li> <li>내용3</li> <li>내용4</li> </ul> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| eq(index) / lt(index) / gt(index) 탐색자 (0) | 2021.08.18 |
|---|---|
| even/odd 선택자 (0) | 2021.08.18 |
| 제이쿼리 선택자 (0) | 2021.08.16 |
| 객체 생성자 함수 (0) | 2021.08.15 |
| 함수 스코프(Scope) (0) | 2021.08.15 |
