:only-child 자기가 유일한 자식인 요소를 찾아 줍니다.
원문 링크 
http://api.jquery.com/only-child-selector/
- jQuery(':only-child')
예 제
형제가 없는 버튼을 찾아서 색을 바꿔줍니다.
<!DOCTYPE html>
<html>
<head>
<style>
div { width:100px; height:80px; margin:5px; float:left; background:#b9e }
</style>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<div>
<button>Sibling!</button>
<button>Sibling!</button>
</div>
<div>
<button>Sibling!</button>
</div>
<div>
None
</div>
<div>
<button>Sibling!</button>
<button>Sibling!</button>
<button>Sibling!</button>
</div>
<div>
<button>Sibling!</button>
</div>
<script>$("div button:only-child").text("Alone").css("border", "2px blue solid");</script>
</body>
</html>미리보기
딱 보시면 아시겠죠? 외아들 또는 외동딸 보면 티 나잖아요. 하하;;;
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - reset 버튼 찾기 : reset (2) | 2011.02.21 |
|---|---|
| jQuery API 정복 - radio 버튼 찾기 : radio (2) | 2011.02.21 |
| jQuery API 정복 - type=password 인 것 찾기 : password (2) | 2011.02.18 |
| jQuery API 정복 - 다른 요소를 포함한 요소 찾기 : parent (2) | 2011.02.18 |
| jQuery API 정복 - 홀수번째 요소 찾기 : odd (2) | 2011.02.17 |
| jQuery API 정복 - n번째 자식요소 찾기 : nth-child (5) | 2011.02.16 |
| jQuery API 정복 - ~이 아닌 요소 선택하기 : not (3) | 2011.02.16 |
| jQuery API 정복 - 다음 형제 요소 찾기 : next ~ siblings (6) | 2011.02.15 |