재유's

HTML 요소 접근HTML 요소를 jQuery객체로 생성 var obj = $("css셀렉터"); 대상 요소를 지정할 수 있는 css셀렉터를 사용한다.jQuery에서는 가급적 id속성만으로 대상을 지정한다. - css : Tag나 ID속성을 사용한 셀렉터 지양 자손, 자식 셀렉터의 구성도 가급적 class속성만으로 구성. - jQuery : 대부분의 경우 ID속성을 사용하지만 동시에 여러개의 객체를 제어해야 할 경우 class속성도 사용. HTML 요소 내의 내용 제어html() 함수는 파라미터가 있을 경우 설정(setter), 파라미터가 없을 경우 리턴(getter)의 기능을 한다. 요소 안에 내용을 설정하기 (setter)jQuery1$("#foo").html(설정할 내용); javascript1do..

jQuery 초기화1234567891011121314151617181920212223242526272829303132333435 ...meta 태그 설정 및 css 처리 ... HTML ... 태그 /** 모든 곳에서 인식할 변수 및 함수 정의 영역*/ /** jQuery 구현 부분*/ /** * 1) HTML파일에서 직접 스크립트 구현 * 2) 외부 파일로 작성. --> src 속성으로 참조 */ $(function(){ /** * 이 영역이 페이지 로딩이 완료된 후 실행된다. => body의 onload 이벤트 프로그래밍 언어에서의 main() 역할 */ }); jQuery 참조 - 실행시간의 이점 때문에 script 코드는 태그 종료 직전에 명시한다. - 웹 브라우저의 캐시 기능을 활용하기 위해서 ..

Window 내장 객체 브라우저의 새창 팝업 열기/닫기 기능 제공 a.html을 새창(새탭)으로 열기 window.open('a.html'); a.html을 팝업으로 열기12// window.open('url', '창이름', '옵션');window.open('a.html', 'mywin', 'width=300, height=500, scrollbars=no, toolbar=no, menubar=no, status=no, location=no'); * 창 이름 - 부여하지 않을 경우 매번 새 팝업창이 생성됨 - 부여할 경우 한번 사용한 팝업창을 재사용함 * 옵션 - 창 크기 관련 : width, height=> 창의 가로, 세로 그기를 정수로 지정 - 창 모양 관련 : scrollbars, toolbar,..

콜백 함수 JavaScript의 함수 파라미터 중에서 다른 함수를 전달하는 경우 이 때 파라미터로 전달되는 함수1234567891011function hello(){ ... 함수 내용...} function use_callback(a, b, callback){ var c = a + b; callback();} // 다름 함수를 파라미터로 전달use_callback(100, 200, hello); 다음과 같이 축약한 형태로도 사용 가능123456789function use_callback(a,b, callback){ var c = a+b; callback();} // 다른 함수를 파라미터로 전달use_callback(100, 200, function (){ ... 함수 내용...}); 타이머 처리 지정된 ..