GO! GO!

스크롤이벤트 this의 사용 단독 개체의 확인 클릭하세요. 복수 개체의 확인 클릭하세요. 클릭하세요. 클릭하세요. 클릭하세요. 속성 제어 클릭하세요. 이미지 로드 HTML5에서 새로 생긴 태그들 디자인 계열의 : 영역을 나타내는 태그가 있음 전체 선택 기능 구현하기 취미 전체 선택 축구 농구 야구 0618 change() -- 어떠한 변화가 생기면 (광범위하게 사용가능) radio, select, checkbox등등 활성/비활성 구현하기 파일 올리기 0619 -- 실제링크가 아니라 책갈피용도로 사용됨 hover() -- 마우스가 요소위에 올라가면 회원가입 저장되었습니다. 0701 css() 스타일 시트를 적용하라. color : 글자색 backgroundcolor : 배경색 CSS제어하기 테스트 영역 입..

꼭 설명할 수 있으면 좋은 핵심 내용. 1. jQuery : selector #id .class :속성 2. 이벤트처리 $(function( ) { $("selector").이벤트함수(function( ){ } ) }); ===>같은구조 3. json에 대한 이해 { K : V, K : V, K : V, K : V, K : [v,v,v,v], k[{K : V},{K : V} ... } 4. xml방식의 응답처리 루트 --> 하위태그 --> 하위태그 ... (DOM구조) 5. ajax 비동기 통신 JSON으로 그룹화된 함수 호출 .html() .html() jQuery 메서드는 선택한 요소의 내용을 설정하고 반환합니다. 이 방법에 사용되는 경우 집합 콘텐츠, 그것은 모든 유사한 요소의 내용을 설정하는 요소..

json javascript object notation : 데이터 포맷 방법 JSON은 속성-값 쌍 또는 "키-값"쌍으로 이루어진 데아터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. 비동기 브라우저/서버 통신을 위해, 넓게는 XML을 대체하는 주요 데이터 포맷이다. 활용법 1. { 로 시작하고 } 로 끝난다. 2. { } 안에 키 : 밸류 로 지정한다 3. 키 : 밸류가 반복되면 , 쉼표로 구별한다. 밸류가 반복 되는 구조는 k : [v, v, v, v,]형태가 된다. 4. 같은 키 : 밸류 가 반복되는 { }들은 , 쉼표 구별하여 [ ] 로 감싼다. ===> k : [{k:v},{k:v},{k:v}] $.ajax() 함수를 사용한 JSON데이터 읽기 (1) ..

1003_category $(function(){ //jQuery입니다. // 이벤트 처리 동반 } ); name은 중복가능, id는 유일성 name="category1" id="category1-1" 동적 드롭다운 ----- 선택하세요 ----- 의류 디지털/가전 ----- 선택하세요 ----- 여성의류 남성의류/캐주얼의류 ----- 선택하세요 ----- TV/냉장고/세탁기 노트북/데스크탑 ----- 선택하세요 ----- 티셔츠 블라우스/셔츠/남방 가디건 니트/스웨터 ----- 선택하세요 ----- 캐주얼셔츠/남방 긴팔티/맨투맨신규코너 청바지인기코너 캐주얼 바지/팬츠 ----- 선택하세요 ----- 3D TV 김치냉장고 드럼세탁기 ----- 선택하세요 ----- 노트북 브랜드PC 조립PC 1004_xm..

반응형 웹 : 모바일 + pc 에 맞추어서 화면이 조절되는 것 jQuery Comment 작성자 덧글 내용 Placeholder Example LightBox ImageViewer Lightbox Simple Gallery Image Slider (1) Image Slider(2) slide3 Image Slider(3) slide4 Image Slider(4) aJax 이벤트 처리의 모습 바인드함수 이벤트처리 $('#mybnt').bind('click', function(){} ); 바로 이벤트처리 $('#mybnt').click(function(){ $.ajax({ }) }); $.ajax ===> jQuery.ajax $('#document').on("change"); day10.text02 $.a..

디자인 적용 기본 -------------------또다른요소 바깥쪽 margin -------------------해당 요소의 경계선- border 안쪽을 padding 내용물 css 요소값 갯수 정리 {margin : 0} // 사면이 해당 {margin : 20px, 30px} // 값이 2개 상하, 좌우 {margin : 30px 10px 40px} // 위, 좌우, 아래 {margin : 30px 10px 20px 50px}은 // 위 , 오른쪽, 아래, 왼쪽 selecter 지정 선택 # id명 #abd : 주의) 페이지내에서 유일해야한다. . class명 .abc : 복수지정 가능 (한번 기술해서 여러곳의 디자인 동시 적용) 태그명 hr, a, input : 태그명을 선택한것 상하관계 : D..