프로그래밍/jQuery3 '이벤트'로 타이밍을 설정하자 HTML을 읽어 들이는 타이밍에 실행되는 ready() "브라우저가 웹 페이지를 읽어 들이는 것을 끝났다." $(function(){ HTML을 읽어 들이고 실행하는 처리 }); 위의 코드는 다음의 코드를 생략 $(document).ready(function(){ HTML을 읽어 들이고 실행하는 처리 }); ready()는 "HTML 로딩 완료"라는 이벤트를 감지하는 명령 → "웹페이지를 모두 읽어 들이고, 준비가 되었다면 처리하시"라는 명령문 $(셀렉터).이벤트(function(){ $(셀렉터). 명령 }); 다른 이벤트 처리에도 ready()는 필수 항목 브라우저는 script 태그의 위치에 관계없이 button 태그를 발견할 수 잇고, 처리는 페이지 로딩이 완료된 후에 실행된다. jQuery를 사용.. 2012. 3. 9. 기본 명령을 이용한 HTML/CSS의 조작 HTML/CSS를 마음대로 조작할 수 있는 jQuery 명령 ①조작할 HTML 태그를 선택하는 "셀렉터" ②조작하는 내용(명령) jQuery를 이용한 HTML 혹은 CSS 조작의 기본 $(" ........ ")의 안쪽에 셀렉터를 쓰고 그 뒤에 .(dot)로 명령을 기술하여 작성한다는 기본 약속 $(function(){ $("셀렉터").jQuery의 명령 }); - 텍스트 변경과 가져오기 변경전 가져온 문자열 변경전 - HTML 변경과 가져오기 변경전 변경후 변경전 - HTML 삽입 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 - HTML 이동 텍스트 텍스트 앞으로 이동 - 다른 태그와의 묶음 wrap(지정한 태그 각각을 다른 태그로 감싸기) wrapAll(복수 태그 전체를 다른 태그로 감싸.. 2012. 3. 9. jQuery 활용 준비 jQuery를 읽어 들이는 부분 jQuery를 읽어 들이는 부분 HTML의 태그를 지정하는 "셀렉터" $(function(){ $("셀렉터").jQuery의 명령 }); 셀렉터의 분류 - CSS에서 자주 이용되는 셀렉터 ① 태그 셀렉터 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 ②ID 셀렉터 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 ③클래스 셀렉터 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 ④자손 셀렉터 텍.. 2012. 3. 8. 이전 1 다음
