JQuery

[Traversing] JQ - closest() 메서드 ★ - 선택요소 첫번째 조상 반환 (= 최근접 지정 조상요소 선택 = closest메서드 = 클로우서스트메서드|클로우세스트메서드|클로우시스트메서드)

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

1,715

목록 글쓰기

closest() 예제 - 최근접 조상 ul 요소

closest() 정의

closest() / parents() 차이점

closest() 예제 - 최근접 조상 ul 요소

[예제] body > div > ul > ul > li > span 구조 경우

$(document).ready(function(){

$("span").closest("ul").css({"color": "red", "border": "2px solid red"});

});

</script>

결과 보기

closest() 정의

현재 요소의 지정 요소 첫 번째 조상 찾기.

1.
closest("요소") 경우, 현재 요소 포함해 가장 첫번째 조상 요소 반환.
만약, 일치하는 요소가 자기 자신뿐이면, 자기 자신을 결과값으로 반환.

2.
현재 요소에서 시작해 문서 루트 요소인 <html> 요소까지 거슬러 올라가 찾음.

3.
DOM 트리 따라 이동한다는 점에서 parents() 메서드와 유사하나 약간 차이 있음.

cf.

parent() 메서드

선택 요소의 직접 부모 요소 반환

parentsUntil() 메서드

주어진 요소 사이의 모든 부모 조상 요소 반환

closest() / parents() 차이점

closest () 메서드

현재 요소에서 시작

DOM 트리 이동해 일치하는 첫번째 조상만 반환.

반환된 jQuery 객체는 0 개 또는 하나.

parents() 메서드

부모 요소에서 시작.

DOM 트리 따라 이동해 일치하는 모든 조상 반환.

반환 된 jQuery 객체는 0 개 또는 하나 이상.

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

JQuery 관련글

코딩동강 관련글

PHP 26강 - 상속 (override와 parent)

HTML 관련글

CSS 관련글

CSS - 부모요소 안 자식요소 너비를 부모요소 밖으로 화면너비 100% 채우기. (= 부모이탈자식너비전체설정 = 가로전체 = 가로꽉차게 =화면꽉차게 = parent, child, width)

JavaScript 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

코멘트입력

목록 글쓰기


분류	제목



basic	JQ - 제이쿼리 입문

basic	JQ - 선행지식 / 포함요소

basic	JQ - 시작 (= 버전 + 다운 + 설치 + 외부링크) (jQuery, down, CDN)

basic	JQ - syntax ★ - 기본구문 (= 최적작동시점) + (즉시호출/즉시작동/즉시실행) 구문 (= IIF… 2

Selector	JQ - selector ★★★★★ - 선택자 (= 제어할 요소선택) ※ this선택자 (=디스선택자)

Event	JQ - event ★ - 이벤트 (= 메서드실행 촉발사건) ※ e 매개변수를 명시적으로 전달해야 하는 이유

Event	JQ - $(document).ready() 메서드 ★ - 문서로드완료후 실행 (= ready메서드 = 다…

Event	JQ - click() 메서드 ★ - click 이벤트발생/함수실행. (= click메서드 = 클릭 메서드…

Event	JQ - dblclick() 메서드 ★ - dblclick 이벤트발생/함수실행. (= dblclick메서드 …

Event	JQ - mouseenter() 메서드 ★★★ - mouseenter 이벤트발생/함수실행. (= mousee…

Event	JQ - mouseleave() 메서드 ★ - mouseleave 이벤트발생/함수실행 (= mouseleav…

Event	JQ - mousedown() 메서드 - mousedown 이벤트발생/함수실행. (= mousedown메서…

Event	JQ - mouseup() 메서드 - mouseup 이벤트발생/함수실행. (= mouseup메서드 = 마우스…

Event	JQ - hover() 메서드 ★ - hover 이벤트발생/함수실행. (= hover메서드 = 허버 메서드)

1/20