재유's

요소의 판별 index() 함수- 특정 요소가 부모 태그 안에서 갖는 인덱스번호를 리턴하는 함수 (0부터 시작함)12345678910 ... // 부모 를 기준으로 2번째 요소이므로 인덱스 1이 리턴된다. var idx = $("#hello").index(); $(this)- 복수 요소에 대한 이벤트에 전달된 콜백함수 안에서 이벤트가 발생한 주체를 의미하는 객체1234567891011button1button1button1 // 'btn' 이라는 클래스를 갖는 모든 요소에 대해서 일괄적으로 적용되는 이벤트 $('.btn').click(function(){ // 버튼은 한번에 하나씩만 누를 수 있다. // 이 안에서 $(this)는 클릭된 주체를 의미한다. }); 특정 요소의 적용하기 개별적용1$("#bar..

요소의 크기 조회 width(), height() 함수의 사용 특정 요소의 크기12var w = $("#foo").width();var h = $("#foo").height(); 웹 페이지 전체의 크기12var w = $(document).width();var h = $(document).height(); 브라우저의 크기12var w = $(window).width();var h = $(window).height(); 스크롤바의 위치1var top = $(window).scrollTop(); 반응형 기능- 브라우저 크기에 반응하여 동작하는 함수를 정의하고 브라우저가 열린 직후와 창 크기가 변경될 때 동작하도록 호출한다.123456789101112131415161718function responsive()..

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..