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 31 32 33 34 35 36 37 38 39 40 41 42 43 | <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <script src="js/jquery.js"></script> </head> <body> <div> <p>1</p> <p class="test">2</p> <p>3</p> </div> <ul> <li id="item1">item 1</li> <li id="item2">item 2</li> <li id="item3">item 3</li> <li id="item4">item 4</li> <li id="item5">item 5</li> </ul> <script> /* jquery는 요소 탐색에 탐색에 탐색을 여러번 거치게 되면.... 탐색된 요소들은 내부적으로(history) 배열의 push처럼 순차적으로 쌓이게 되며 마지막에 찾은 요소는 맨뒤에 추가 된다.(pushStack) addBack()메서드는 pushStack에서 마지막 요소의 이전요소도 함께 선택하는 것이다. */ var select = $("div").find(".test") // .test 선택 .addBack(); // find하기 이전 요소 div 확장집합에 추가 console.log(select); // [div, p.test] $("#item2").nextAll() // #item2 요소 다음 이어지는 형제 li요소들 (item3, item4, item5) 선택 .addBack() // nextAll하기 이전 요소 item2 확장집합에 추가 .css("background-color", "red"); // css 적용 </script> </body> </html> |
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] $.param(), serialize(), serializeArray(), JSON.stringify(), JSON.parse() (1) | 2015.11.10 |
|---|---|
| [jQuery] CSS 트랜지션 완료 이벤트 감지하기 ( jQuery transition complete callbacks ) (0) | 2015.10.13 |
| [jQuery] triggerHandler - 이벤트 핸들러만 실행 (0) | 2015.08.27 |
| [jQuery] $.proxy() - 대리인을 통해 this유지 (0) | 2015.08.26 |
| [jQuery] input 숫자만 입력받기 (0) | 2015.08.18 |
