반응형
바닐라 js로 공부하다가
jquery의 고마움을 느끼게 되는 날이였다.
click 이벤트를
탭처럼 해당 버튼만 효과를 넣어야 할 때
주로 css의 on 클래스를
클릭한 버튼에 주면서
형제 요소들은 제거하는 식으로 쓴다
순수 js로 짜려고하니 그렇게 단순했던 것이였는데
좀 길어졌다.
const siblings = t => [...t.parentElement.children].filter(e => e != t);클릭한 요소의 부모의 자식중
클릭한 자식을 제외한 나머지를 표현한 식이다
jquery에서 siblings() 매서드가 이런 원리이다
이렇게 jquery로 사용하던 것을 자바스크립트로 짜는 것도 좋은 공부법인거 같다.
반응형
'javascript' 카테고리의 다른 글
| [JS] Promise (0) | 2023.04.05 |
|---|---|
| 자바스크립트 비동기 콜 스택(callstack) , 콜 백(callback) (0) | 2023.04.03 |
| 자바스크립트 이벤트 버블링과 방지 (0) | 2023.03.30 |
| 자바스크립트 preventDefault() (0) | 2023.03.30 |
| 자바스크립트 구조 분해 할당 (0) | 2023.03.27 |
