jQuery6 AJAX JQuery를 이용해서 Ajax를 사용하면 크로스브라우징 문제를 자동으로 처리해주고, 편리한 기능을 제공한다. JQuery의 Ajax API는 이쪽으로 -->> http://api.jquery.com/category/ajax/ $.ajax 기본 문법 JQuey.ajax ( [ setting ] );setting : Ajax를 위한 옵션을 담고있는 객체* data : 데이터를 서버로 전송할 때 사용하는 옵션 * dataType : 서버특에서 전송한 데이터를 어떤 형식의 데이터로 해석할 것인가를 지정한다. 값으로 올 수 있는 것은 xml, json, script, html이다. 지정하지 않는다면 JQuery가 알아서 판단한다. * success : 성공했을 때 호출할 콜백을 지정한다. Fucntion ( P.. 2016. 10. 19. 레퍼 Wrapper 레퍼 (Wrapper )* JQuery( 엘리먼트 오브젝트 | 'CSS 스타일 선택자' )* 붉게 표시된 부분이 레퍼이다. 인자로 전달된 엘리먼트에 JQuery의 기능성을 부과해서 반환한다. 1. 안전한 사용* $(엘리먼트)와 JQuery(엘리먼트) 는 같은 의미지만 다른 라이브러리와의 충돌때문에 다음과 같은 방법을 사용한다. - 첫번째 방법 - 두번째 방법 2. 제어 대상을 지정하는 방법* JQuery ( selector , [context]* JQuery ( Element ) 2016. 10. 17. 이벤트 JQuery는 크로스 브라우징을 자동으로 처리해주고 , 이벤트를 보다 적은 코드로 구현할 수 있도록 해준다. - 예제 > 실행 화면 링크 실행 화면 링크 2016. 10. 17. JQuery 객체 JQuery 객체* JQuery 함수의 리턴 값으로 JQuery 함수를 이용해서 선택한 엘리먼트들에 대해서 처리할 작어을 프로퍼티로 가지고 있는 객체이다.* 조회된 엘리먼트가 담겨있다. JQuery 객체는 유사배열의 형태로 조회된 엘리먼트를 가지고 있기 때문에 배열처럼 사용해서 엘리먼트를 가져올 수 있다. - 암시적 반복* DOM과는 다르게 JQuery 객체의 메소드를 실행하면 선택된 엘리먼트 전체에 대해서 동시에 작업이 처리된다. 암시적 반복은 값을 설정할 때만 동작한다. 값을 가져올 때는 선택된 엘리먼트 중 첫번째에 대한 값만을 반환한다. - 체이닝*선택된 엘리먼트에 대해서 연속적으로 작업을 처리할 수 있는 방법이다. - 조회된 결과 열람1. 엘리먼트 조회 2. JQuery를 이용해 DOM 객체 제어.. 2016. 10. 15. 이전 1 2 다음 반응형