반응형
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Linux
- 드로우
- 발매예정
- JavaScript
- 파이썬
- Dunk Low
- sacai
- oracle
- Nike
- react
- 주식공부
- stockx.com
- 리액트
- Github
- 덩크로우
- GIT
- draw
- 덩크 하이
- Python
- 주식
- dunklow
- 리눅스
- 나이키
- jQuery
- 제이쿼리
- 코로나19
- 자바스크립트
- 오라클
- dunk high
- 덩크 로우
Archives
- Today
- Total
Life goes slowly...
[jQuery] jQuery(제이쿼리) 다음 요소 선택하기 - .next(), .nextAll() 본문
728x90
반응형
자바스크립트의 jQuery(제이쿼리)에서는 선택 및 지정한 요소의 다음 엘리먼트를 가져오도록 하는 함수를 사용할수있습니다.
지정한 요소에 인접한 다음 요소의 엘리먼트를 선택하는 함수로는 .next(), .nextAll(), .nextUntil() 가 있습니다.
jQuery(제이쿼리)의 .next() 함수
자바스크립트의 jQuery(제이쿼리)의 .next() 함수는 선택한 요소의 바로 다음에 위치한 형제의 요소를 선택하는 함수입니다.
//함수 사용방법
$(select).next();
$(select).next(selector);
jQuery(제이쿼리)의 .nextAll() 함수
자바스크립트의 jQuery(제이쿼리)의 .nextAll() 함수는 선택한 요소의 바로 다음에 위치한 모든 형제의 요소를 선택하는 함수입니다.
//함수 사용방법
$(select).nextAll();
$(select).nextAll(selector);
jQuery(제이쿼리)의 .nextUntil() 함수
자바스크립트의 jQuery(제이쿼리)의 .nextUntil() 함수는 선택한 요소의 바로 다음에 위치한 요소 중에 조건이 맞는 함수를 찾아내는 함수입니다.
이때 선택자를 인수로 전달하지 않게 된다면 .next() 함수와 동일하게 선택한 요소의 다음에 위치한 형제의 요소를 선택하는 함수입니다.
//함수 사용방법
$(select).nextUntil();
$(select).nextUntil(selector);
728x90
반응형
'프로그래밍 > Javascript' 카테고리의 다른 글
[jQuery] jQuery(제이쿼리) 요소의 넓이, 높이 - .with(), .height() 함수 (0) | 2020.11.11 |
---|---|
[jQuery] jQuery(제이쿼리) 요소의 스크롤 위치 - .scrollLeft(), .scrollTop() 함수 (0) | 2020.11.10 |
[jQuery] jQuery(제이쿼리) 선택한 요소 감싸기 - .wrap() 함수 (0) | 2020.11.09 |
[jQuery] 제이쿼리의 선택한 요소 대체하기 - .replaceWith() 함수 (0) | 2020.11.06 |
[jQuery] 제이쿼리(jQuery) 클래스 제거하기 - .removeClass() 함수 (0) | 2020.11.03 |
[jQuery] 제이쿼리(jQuery) 클래스 추가하기 - addClass() 함수 (0) | 2020.11.02 |
[jQuery] 자바스크립트 이벤트 등록 함수 - bind(), on(), live() 함수 (0) | 2020.11.01 |
[jQuery] 속성값 제거하기 - .removeAttr() (0) | 2020.10.29 |
Comments