2012. 11. 30. 학습일지(2장-02)

DOM 순회 메서드

부모나 조상 요소를 선택하고자 할 때, 위로 혹은 아래로, 모든 DOM 트리 전체를 쉽게 검색할 수 있는 DOM 순회 메서드!

▶ .filter() 메서드 : 인자로 함수(function)를 지정할 수 있는 강력한 메서드!

예로 모든 외부 링크에 클래스 추가하려고 할 때..

$('a').filter(function() {

return this.hostname && this.hostname != location.hostname;

}).addClass('myClass');

href 속성 값이 도메인 네임을 포함하고, 링크된 도메인 네임과 일치하지 않을 때 addClass()!

▶ 특정 셀 선택하기

1) .next() : 바로 뒤의 형제요소를 반환한다.

2) .nextAll() : 바로 뒤의 모든 셀 선택

3) .prev() : 바로 앞의 형제 요소 반환

4) .prev() : 바로 앞의 모든 셀 선택

5) .silblings() : 같은 DOM 레벨 요소 선택

6) .andSelf() : 자신 요소 선택

7) .parent() : DOM 레벨상에서 한 단계 위로 이동

8) .children() : 그 행의 모든 셀 선택

DOM 요소 접근하기

jQuery 객체가 감싸고 있는 DOM 요소에 직접 접근하고자 할 경우!

.get(n) : n+1번째 DOM 요소 접근

$('#element').get(0).tagName : jQuery 객체가 참조하고 있는 첫 번째 DOM 요소에 접근. 아이디가 element인 요소의 태그 이름 알아오기

= $('#element')[0].tagName : 간단한 표기법