WEB108 레퍼 Wrapper 레퍼 (Wrapper )* JQuery( 엘리먼트 오브젝트 | 'CSS 스타일 선택자' )* 붉게 표시된 부분이 레퍼이다. 인자로 전달된 엘리먼트에 JQuery의 기능성을 부과해서 반환한다. 1. 안전한 사용* $(엘리먼트)와 JQuery(엘리먼트) 는 같은 의미지만 다른 라이브러리와의 충돌때문에 다음과 같은 방법을 사용한다. - 첫번째 방법 - 두번째 방법 2. 제어 대상을 지정하는 방법* JQuery ( selector , [context]* JQuery ( Element ) 2016. 10. 17. 이벤트 JQuery는 크로스 브라우징을 자동으로 처리해주고 , 이벤트를 보다 적은 코드로 구현할 수 있도록 해준다. - 예제 > 실행 화면 링크 실행 화면 링크 2016. 10. 17. 이벤트 : Type 1. form * 사용자가 입력한 정보를 서버로 전송하는 HTML 태그 submit폼의 정보를 서버로 번송하는 명령인 submit시에 일어난다.form 태그에 적용된다.예제 >실행 화면 링크실행 화면 링크 결과 Hello * Hello가 로드되기 전에 스크립트가 실행되어 값은 null이 나왔다. - 이를 해결하기 위한 첫번째 방법은 자바스크립트를 문서 끝에 위치시키는 것이다. - 두번째 방법 : load 이벤트 이용 Hello * load 이벤트 발생 시 메소드가 호출되면서 해당 HTML 엘리먼트를 찾는다. * load 이벤트는 웹페이지 전체가 브라우저에서 해석이 끝나고 이미지와 스크립트 등의 리소스 까지 다운로드가 끝났을 때 load 객체가 자동으로 호출되도록 약속되어있다. 때문에 타겟을 찾을 수 있다.. 2016. 10. 17. 이벤트 : 기본 이벤트 취소 기본 이벤트 * 웹 브라우저의 기본 요소들의 기본 동작* 예 ) a 태그를 클릭하면 href 속성의 URL로 이동한다. 예 ) 폼에서 submit을 누르면 데이터가 전송된다. 예 ) 텍스트 필드에 포커스를 맞춘 상태에서 키보드로 켁스트를 입력할 수 있다. 1. inline* 이벤트의 리턴 값이 false 이면 이벤트가 취소된다. - 예제 >실행 화면 링크실행 화면 링크실행 화면 링크 2016. 10. 17. 이전 1 ··· 13 14 15 16 17 18 19 ··· 27 다음 반응형