본문 바로가기

첫번째 요소 찾기2

jQuery API 정복 - 첫번째 요소 찾기 : jQuery(':first') :first 는 찾은 요소 중에 첫번째를 찾는 선택자입니다. 원문 링크 http://api.jquery.com/first-selector/ first selector jQuery(':first') :first 선택자는 :eq(0) 이나 :lt(1) 과 같이 바꿔 사용할 수 있습니다. 예 제 소스닫기 tr 중에 첫번째를 찾아 텍스트를 기울입니다. italic 체로 바꿉니다. Row 1 Row 2 Row 3 미리보기 이전에 같이 보셨던 :first-child 와 이번의 :first 선택자는 아주 유사해 보입니다. 그 사용법을 봐도 그렇고 첫번째 요소를 선택해 준다는 내용으로 봐도 그렇습니다. 그런데 이 둘 사이에는 큰 차이점이 있습니다. :first-child는 1개 이상의 요소를 선택할 수 있다는 것이고 .. 2011. 1. 31.
jQuery API 정복 - 첫째 자식(?) 찾기 : jQuery(':first-child') :first-child 는 자식 요소 중에에 첫번째로 위치한 요소를 찾는 선택자입니다. 원문 링크 http://api.jquery.com/first-child-selector/ first-child selector jQuery(':first-child') :first-child 는 :nth-child(1) 로 대체될 수 있습니다. 이 예제를 보다가 jQuery 가 얼마나 사용하기 편한지 다시한번 느끼게 되었습니다. 아래 예제를 제가 순수하게 짠다면 아마 골머리 썩혔을 겁니다. 다시한번 jQuery 라이브러리 작성자들에게 박수를~~ 예 제 소스닫기 각각의 div 들의 첫번째 span 태그를 찾아서 텍스트에 밑줄(underline)을 그린 후에, 그 span에 마우스 오버/아웃 이벤트시 글자색을 초록색/원래.. 2011. 1. 31.