밀 Interaction ٩(`╹ω╹´)و

# mouseenter vs mouseover [공통점] 해당 영역에 마우스가 올라가는 것을 감지 [mouseenter] 자식 영역에 들어가면 감지하지 않는다. [mouseover] 해당 영역의 자식영역까지 들어가도 감지된다. mouseenter 이벤트를 사용해 선택 영역에서만 사운드가 들린다. mouseover 이벤트를 사용함으로써 자식까지 선택 영역에 포함돼 사운드가 겹쳐지고 있다. # mouseout vs mouseleave [공통점] 해당 영역에 마우스가 올라가 있는 상태에서 벗어난 것을 감지 [mouseleave] 자식 영역에 들어가 요소를 빠져나가도 감지하지 않는다. [mouseout] 요소 안에 다른 요소를 빠져나가도 감지하게 된다. # hover hover는 mouseover와 mouseo..

See the Pen Untitled by mill (@millfeel) on CodePen. .off(): 이벤트와의 바인딩을 제거한다. .one(): 바인딩된 이벤트 핸들러가 한번만 실행되고, 더는 실행되지 않는다. *바인딩(binding)이란? 이벤트 핸들러를 특정 요소에 연결하는 것을 이벤트 바인딩(event binding)이라고 한다. [공부좌표] http://www.devkuma.com/books/pages/232

See the Pen Untitled by mill (@millfeel) on CodePen. 메소드 설명 .children() 선택한 요소의 직계 자식(child) 요소를 모두 선택함. .find() 선택한 요소의 자손(descendant) 요소 중에서 전달받은 선택자에 해당하는 요소를 모두 선택함. [공부좌표] http://www.tcpschool.com/jquery/jq_elementTraversing_descendantsTraversing

See the Pen Untitled by mill (@millfeel) on CodePen. 메소드 설명 .siblings() 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택함. .next() 선택한 요소의 바로 다음에 위치한 형제 요소를 선택함. .nextAll() 선택한 요소의 다음에 위치한 형제 요소를 모두 선택함. .nextUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택함. .prev() 선택한 요소의 바로 이전에 위치한 형제 요소를 선택함. .prevAll() 선택한 요소의 이전에 위치한 형제 요소를 모두 선택함. .prevUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당..