jQuery 아코디언메뉴

Q&A나 FAQ에서 많이 쓰이는 아코디언 메뉴 CSS @charset "utf-8"; /* CSS Document */ *{margin: 0; padding:0;} body{font-size:16px; color:#333; line-height:1.6; margin: 30px;} ul, li{list-style:none;} a{color:inherit; text-decoration: none;} .faq{width:650px; border-bottom:1px solid #ddd;font-size:12px} .faq .hgroup{position:relative; margin:0 0 10px 0;} .faq .hgroup .all{position:absolute; top:5px; right:10px;} ...

2021.12.15

jQuery node(DOM) 선택자

jQuery와 DOM jQuery에서는 선택자 및 필터링 기반 트리탐색이 가능하다. 선택자 기반 트리 탐색 메서드 자식 children('선택자') 선택자에 해당하는 직계자식을 선택 find('선택자') 선택자에 해당하는 자식, 자손을 선택 선택자 생략 불가 부모 parent('선택자') 선택자에 해당하는 직계부모를 선택 parents('선택자') 선택자에 해당하는 부모, 조상을 선택 (body, html까지도..) 선택자 생략 하지말자 다음 next('선택자') 선택자에 해당하는 바로 다음 형제 요소 1개 를 선택 (친구) nextAll('선택자') 선택자에 해당하는 모든 다음 형제 요소를 선택 (친구) 이전 prev('선택자') 선택자에 해당하는 이전 형제 요소 1개 를 선택 (친구) prevAll(..

2021.12.08