재유's

jQuery 이벤트 처리 jQuery 이벤트 처리 - 웹 브라우저가 HTML 요소를 인식한 후에 처리되어야 하므로 jQuery의 load처리 안에서 정의 한다.- 이벤트는 함수 형태로 정의되어 있고, 해당 이벤트가 발생한 경우 호출될 함수를 콜백 파라미터로 전달한다.- 콜백함수에는 이벤트의 정보를 갖는 e객체가 전달된다.- 필요한 경우 이 객체를 선언하고 활용할 수 있다.- e.preventDefault()는 링크의 href 속성이나 폼의 submit 등에 대해서 HTML요소가 수행해야 하는 기본 동작을 차단하는 역할을 한다. 123456// jQuery의 load처리 안에서 정의$(function () { $("foo").이벤트이름(function ([e]) { [e.preventDefault();] ..

JSON 표기법 Javascript와 JQuery에서 JSON 표기법은 같다!Javascript(jQuery)에서 사용되는 자료의 나열 방법으로 이름(key)와 값(value)의 쌍으로 구성된다. 이름(key)에는 따옴표 사용이 자유롭다.단, 이름에 "-"가 있는 경우 따옴표 필수!ex) background-color (x), "background-color" (o) 기본 정의 방법1234567891011var my_height = 175.6;var json = { name: 'JS학생', // 문자열은 따옴표 사용 age : 20, // 숫자형이나 boolean은 따옴표 x height: my_height // 다른 변수를 값으로 사용도 가능함}; // 값에 접근하기.console.log(json.na..

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 코드는 태그 종료 직전에 명시한다. - 웹 브라우저의 캐시 기능을 활용하기 위해서 ..