.first()
원문 링크 
http://api.jquery.com/first/
개요 : 선택된 요소 집합에서 첫번째 요소를 선택하게 해주는 함수입니다.
- .first()
아래 마크업을 예로 들겠습니다.
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
위와같이 리스트를 구성하는 html 이 있다고 하고 아래 스크립트를 적용해 보겠습니다.
$('li').first().css('background-color', 'red');
list item 1의 배경색이 빨간색이 됩니다. 참 쉽죠~
예 제
p 태그안의 첫번째 span 태그를 찾아 강조효과를 줍니다.
<!DOCTYPE html>
<html>
<head>
<style>.highlight{background-color: yellow}</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><span>Look:</span> <span>This is some text in a paragraph.</span> <span>This is a note about it.</span></p>
<script>$("p span").first().addClass('highlight');</script>
</body>
</html>
미리보기
와우 너무 직관적이라 따로 드릴 말씀이 없습니다.
하하. 너무 짧고 쉬워서 저한테 좋은건가요? 보시는 분들에게 좋은건가요? ㅎㅎ;;
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - 결과를 배열로 돌려받기, map() (7) | 2011.06.08 |
|---|---|
| jQuery API 정복 - 마지막 요소 찾기, last() (0) | 2011.05.31 |
| jQuery API 정복 - 맞는지 확인하기, is() (6) | 2011.05.30 |
| jQuery API 정복 - 가지고 있나 없나? has() (2) | 2011.05.25 |
| jQuery API 정복 - 하위 요소 전부 찾기, find() (2) | 2011.05.19 |
| jQuery API 정복 - 선택 요소 집합에서 추출하기, filter() (8) | 2011.05.12 |
| jQuery API 정복 - 인덱스로 요소 찾기, eq() (4) | 2011.05.02 |
| jQuery API 정복 - 이전 선택요소로 돌아가기, end() (2) | 2011.04.29 |