jquery(26)
-
인터넷 익스플로러 이벤트 모델
인터넷 익스플로러 6과 7은 DOM 레벨2 이벤트 모델을 지원하지 않는다. 버블 단계와 유사한 자신만의 인터페이스를 제공 attachEvent(eventName, handler) eventName : DOM 레벨0 모델의 엘리먼트 프로퍼티와 동일한 이름을 사용 handler : 핸들러로 덧붙일 함수 Event 인스턴스는 window.event 프로퍼티에서 참조해야
2015.05.04 -
DOM 레벨2 이벤트 모델
DOM 레벨0 이벤트 모델의 단점은 엘리먼트의 특정 이벤트 타입에 한 이벤트 핸들러만 할당할 수 있다는 것 . 이벤트 할당하기 DOM 레벨2에서는 특정 엘리먼트 메서드를 사용하여 이벤트 핸들러를 할당 각 DOM 엘리먼트는 이벤트 핸들러를 덧붙일 수 있는 addEventListener()메서드를 정의 addEventListener( eventType, listener, useCapture ) eventType : DOM 레벨0 이벤트 모델의 이벤트명에서 'on' 접두어를 뺀 것. click, keydown등 listener : 핸들러로 할당할 함수의 참조나 인라인 함수 useCapture : event 캡처 단계에서 사용할지의 Boolean값. true - 캡처 단계 핸들러로 실행, false - 버블 단..
2015.05.03 -
DOM 레벨0 이벤트 모델
. 브라우저 이벤트 모델 이해하기 브라우저의 이벤트 처리표준이 생기기 전 네스케이프 내비게이터(Netscape Navigator) 브라우저에 이벤트 핸들링 모델을 도입한 것을 DOM 레벨0 이벤트 모델 참고 - DOM레벨은 W3C DOM명세를 구현의 요구 수준을 지칭하는데 사용한다. 사실 DOM레벨0 이라는 것은 없다. 다만 DOM 레벨1 이전에 구현한 것들을 비공식적으로 지칭한다. W3C는 2000년 11월 DOM 레벨2를 발표 파이어폭스나 카미노(Camino)와 같은 모질라 기반 브라우저, 사파리, 오페라(Opera)와 같은 최신 표준을 준수하는 브라우저들이 이 모델을 지원한다. 인터넷 익스플로러(Internet Explorer)는 자체 표준이 있으며 자신만의 인터페이스를 사용하긴 하나 DOM 레벨2..
2015.05.03 -
폼 엘리먼트 값 다루기
. val() 일치하는 집합에 있는 첫 번째 엘리먼트의 value 프로퍼티를 반환 다중선택이 가능한(multiple 어트리뷰트가 true인) 엘리먼트는 배열을 return ※ 체크박스, 라디오 버튼이 선택되었는지에 관계없이 value 어트리뷰트의 값을 return한다. 아무것도 선택되지 않았다면 undefined를 return $('[name=radioGroup]:checked').val() . val(value) 매개변수로 전달된 값을 일치하는 모든 폼 엘리먼트의 value 프로퍼티로 설정 . val(values=Array) 전달된 values 배열의 값과 일치하는 확장 집합에 있는 체크박스, 라디오 버튼을 선택하고, 엘리먼트의 옵션을 선택 $('input,select').val(['하나','둘','셋..
2015.04.24 -
엘리먼트 콘텐츠 설정하기
. html() 일치하는 집합에서 첫 번째 엘리먼트의 HTML 콘텐츠를 가져온다. 엘리먼트의 innerHTML 프로퍼티 값과 동일 . html(text) 전달된 HTML 코드를 모든 일치하는 엘리먼트의 콘텐츠로 설정 . text() 확장 엘리먼트의 모든 텍스트 콘텐츠를 결합하여 return . text(content) 모든 확장 엘리먼트의 텍스트 콘텐츠를 전달된 값으로 설정 content에 ''를 포함한다면, HTML 엔티티로 대체된다. ※ ''는 '>'로 대체 ※ http://www.w3schools.com/HTML/html_entities.asp . append(content=String|Element|Object) 일치하는 모든 엘리먼트의 콘텐츠에 전달된 HTML코드나 엘리먼트를 덧붙인다. $('p..
2015.04.23 -
엘리먼트 스타일 변경하기
. addClass(names) 매개변수로 전달된 하나 이상 되는 클래스명을 확장 집합의 모든 엘리먼트에 추가 여러 클래스명을 추가할 때는 공백으로 구분 . removeClass(names) 매개변수로 전달된 하나 이상의 클래스명을 확장 집합에 있는 모든 엘리먼트에서 제거 . toggleClass(name) 매개변수로 전달된 클래스명이 엘리먼트에 존재하지 않으면 추가하고, 존재한다면 제거 각 엘리먼트 개별로 처리되므로 추가되기도 제거되기도 한다. function swap() { $('tr').toggleClass('striped'); } . css(name, value=String|Number|Function) 일치하는 각 엘리먼트에 name 매개변수의 CSS 스타일 프로퍼티를 value 매개변수로 설정..
2015.04.23