괴발개발/Javascript+JQuery 75

JQ_(네이버지식in)게시글목록보기타입에 따른 보기방식

깨달은 점: 1. $(doucoment).on('hover',~~~)의 hover는 먹히지 않고, 차라리 mouseenter와 mouseleave를 넣기 2. div로 박스로 보기를 구성할 게 아니라, 게시글은 table로 td,tr,th 태그를 활용하기 -> 구성이 아주 구렸다는 것을 너무 늦게 깨달았음ㅋ.. 태그를 다양하게 써보질 않아서 계속 다양하게 써보기 미리보기 요약보기 윈도우 블랙 스크린 내용 답변 0 맥OS 방금 답변하기 나도 궁금해요 윈도우 블랙 스크린 내용 답변 0 맥OS 방금 답변하기 나도 궁금해요

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-자식코드 주소 우편번호 전송