전체 글 255

JQ_메뉴에 호버하면 서브메뉴 나타나도록 하는 예제

페이지 가운데 그리고 화면확대 축소, 윈도우 창 줄이기 늘리면서 축소되지 않게 하려고 display:flex 한곳에다가 정확한 min-width를 줌 자식요소는 >로표현, 자손요소는 공백1칸. 자손으로하게되면 안에있는 모든 같은태그들에 적용되는 위험 메뉴에 호버하면 서브메뉴가 나타나도록하기 (추가로 클릭이랑 마우스 올렸을때 색바뀌는 것도 넣어봤음) 메뉴1 가 나 다 메뉴2 가 나 다 메뉴3 가 나 다 구조는 거의 비슷한 상태에서 쌤은 hover호버를 toggle이용해서 한 줄로 끝냄

JQ_split(), 박스클릭선택,박스입력선택 등

.split(',') : , 기호를 제외하여 값을 추출하기('')사이에 제거할 내용넣기 문제1: 박스 5개를 만들고, 입력창에서 입력한 숫자번쨰의 박스 테두리를 다른색으로 변경하기 문제2: 박스를 직접 클릭했을 때도, 박스 테두리를 다른색으로 변경하기 문제3: 입력창에 1,2,3과같이 ,(쉼표)를 이용하여 입력했을 때, 해당 박스테두리 변경하기 입력 1 2 3 4 5 더보기 클릭 1 2 3 4 5 1 2 3 4 5

JQ_부모창, 자식창(window.open)으로 데이터 주고받기

window.open('파일이름.html','이름','width=숫자만, height=숫자만, left=숫자만, top-숫자만'); 예제1 - 부모창의 버튼을 통해 자식창을 새창열기(새로운윈도우)로열어서 데이터 입력받기 더보기 예제1-부모창 html파일 자식창 열기 전송 예제1- 자식창 html파일 전송 예제2- 예제1과같고, 입력받는 칸만 2개가 됨 더보기 예제2-부모코드 주소검색 주소 우편번호 예제2-자식코드 주소 우편번호 전송

JQ_propagation(stopPropagation)

- propagation : 요소에 이벤트가 실행되면 해당 요소에만 이벤트가 실행되는 것이 아니라 조상 요소들에도 이벤트가 실행되는 것 - stopPropagation() : 요소에 이벤트가 실행됐을 때, 조상 요소들에 이벤트가 실행되는 것을 막아주는 메소드 - 자식요소와 부모(조상) 요소에서 같은 요소를 가지고 작업을 하는 경우, stopPropagation()을 사용 box1 box2 box3