6. jQuery CSS 6. jQuery CSS ■ jQuery API CSS ο CSS 1) css(name) - 의미 최초의 요소가 가진 style 속성의 값을 리턴 2) css(properties) - 의미 매개변수로 전달된 객체에 키로 명시한 CSS 속성을 일치하는 엘리먼트의 해당 값으로 설정한다. - 매개변수 properties: (Object)확장 집합에 속한 모든 엘리먼트에 설정할 CSS 속성을 포함한 객체 - 반환값 : 확장집합 3) css(name, value) - 의미 일치하는 각 엘리먼트에 name 매개변수의 CSS 속성을 value 값으로 설정한다. - 매개변수 value: (String|Number|Functioin)프로퍼티 값을 포함하는 문자열, 숫자, 함수. - 반환값 : 확장집합 사용예 $("div.. 더보기 5. jQuery Events 5. jQuery Events ■ jQuery API Events ο Page Load 1) ready(handler) - 의미 DOM 이 로드 되어 조작·해석이 가능하게 된 타이밍에 함수를 실행 ο Event Handling 1) bind(eventType, [eventData], handler(eventObject)) - 의미 일치된 집합에 있는 모든 엘리먼트에 지정한 이벤트 타입의 핸들러로 전달된 함수를 할당한다. - 매개변수 eventType: (String)핸들러를 할당할 이벤트 타입의 이름 eventData: (Object)핸들러 함수에서 사용하도록 Event 인스턴스에 data라는 프로퍼티로 제공되는 데이터. 생략 가능 - 반환값 - 확장 집합 - 사용예 // '.'을 통하여 여러 커맨드를 .. 더보기 4. jQuery 조작_Manipulation 4. jQuery 조작_Manipulation ■ jQuery API Manipulation(조작) ο 개요 DOM의 제어, 갱신 조작 ο 내부 삽입 1) append(content) - 의미 모든 요소 내부에 컨텐츠를 추가한다. 사용예 // p 태그에 내용 추가 -> 결과 : 『중요과목 : 프레임워크』 $("p").append("프레임워크"); : 중요과목: 2) appendTo(content) - 의미 요소의 내용을 다른 요소에 추가한다. 사용예 // body 마지막 부분에 제이쿼리 추가 $("제이쿼리").appendTo("body"); // id가 a인 태그의 뒷 부분에 span 태그의 내용을 추가 -> 결과 : 『중요과목 : 프레임워크』 $("span").appendTo("#a"); : 프레임워크.. 더보기 이전 1 ··· 4 5 6 7 8 9 10 11 다음