q jQuery

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

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

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

1,990

목록 글쓰기

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 개 또는 하나 이상.

jQuery 관련글

코딩동강 관련글

PHP 26강 - 상속 (override와 parent)

HTML 관련글

CSS 관련글

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

JavaScript 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

코멘트입력

목록 글쓰기


분류	제목



Property	JQ - context 속성 - (※ JQ1.8 폐기예고, JQ3.0 폐기완료)

Property	JQ - jquery 속성 - 제이쿼리버전번호 (= jQuery버전번호 = JQ버전번호)

Property	JQ - jQuery.fx.interval 속성 - 애니메이션 점화빈도를 밀리초단위로 변경

Property	JQ - jQuery.fx.off 속성 - 애니메이션 비활성화/활성화

Property	JQ - jQuery.support 속성 - 브라우저 기능/버그 표시 속성모음 (jQuery 내부용)

Property	JQ - length 속성 ★ - 객체의 요소개수 (= length속성 = 렝스속성) ※ 입력 내용 일정 길…

ETC	JQ - 인풋계산값 자동입력 (= INPUT입력값 자동계산 = 필드계산결과 자동입력 = 연산자동입력) ★★★…

Misc	JQ - 검색필터링 (= 일치값 찾기)

ETC	JQ - draggable() 메서드 - 요소드래그이동 (= 요소이동 = 요소끌어이동 = Drag & Dro…

jquery	JQ - 얼럿창 (= 다이얼로그창)

basic	JQ - JS변수 vs JQuery변수

basic	JQ - 링크클릭이동 : href속성 + replace()메서드

Examples	JQ - 리스트랜덤 (= 목록랜덤)

Selector	JQ - this 선택자 - 현재 요소 선택. (= 디스 선택자)

Examples	JQ - (부모요소・자식요소) 데이터값・입력값 변경

ETC	JQ - 링크 (새창→ 현재창), (현재창→새창)으로 타겟 변경.

ETC	JQ - 두 요소에 동시 입력 ★★★ (= Simultaneous Auto Multi Input)

ETC	JQ - number_fommat() 구현. (= 넘버포맷 = 숫자 입력 시, 바로 천자리마다 쉼표 찍기)

ETC	JQ - (입력・선택) 숫자 만큼 인풋 체크박스 체크.

ETC	JQ - 스크롤 시, (배경색 변경 + 불투명도 조절) (= scroll background opacity …

14/15

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

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

closest() 정의

closest() / parents() 차이점

closest () 메서드

parents() 메서드

jQuery 관련글

코딩동강 관련글

HTML 관련글

CSS 관련글

JavaScript 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

공지사항

최신글

최신댓글

운영비 후원해주신 분 리스트