아코디언 모습 예시
CSS 설정을 하나만 표현할 경우 ( JS )
예시
$("선택자").css('display','none');CSS 설정이 여러개일 경우 ( JS )
예시
$("선택자").css({'display':'none','color':'blue'});next
- 선택자 바로 다음 형제태그(요소)
$("선택자").next();prev
- 선택자 바로 앞 형제태그(요소)
$("선택자").prev();Prepend
- 위로(앞으로) 쌓는다.
$("선택자").prepend(`내용`);Append
- 아래로(뒤로) 쌓는다.
$("선택자").append(`내용`);Empty
- 선택자 안에 있는 내용물을 모두 비운다.
단, 태그는 남아있다.
$("선택자").empty();Remove
- 선택자를 제거한다.
- 선택자를 제거함으로써 이후 해당선택자 안에 추가가 불가하다.
$("선택자").remove();정리
-
chap06_addClass_removeClass_accordion_tab_SeatReservation -> 05.accordion_transition_next.html, 05.js, 05.css,
-
charp08_prepend_append_empty_remove -> prepend_append_empty_remove.html, prepend_append_empty_remove.js, prepend_append_empty_remove.css
-
chap10_checkbox_children_find_siblings_prev_next_toggleClass -> 02_checkbox_toggleClass_parent_siblings_prev_next.html, 02.js, 02.css
