jQuery (3) 썸네일형 리스트형 JQuery fadeIn, fadeOut JQuery 제이쿼리 장점: 페이지 내부 요소에 접근하기 쉽다. 제이쿼리를 사용하지 않으면 DOM 트리를 이용해서 요소(element)에 접근해야 하지만 제이쿼리를 사용하면 CSS의 선택자를 이용해서 간편하게 접근할 수 있다 -> DOM 복잡 페이지의 보여지는 모습을 변경하기 쉽다. 동적으로 페이지의 모습(CSS)를 변경하기 위해서는 자바스크립트를 사용해야 하는데 제이쿼리를 이용하여 작성하면 코드도 간결해지고 직관적으로 작성할 수 있다. 또, AJAX등에서 페이지를 리로딩하지 않고 동적으로 로딩할 때도 자바스크립트를 이용하는데, 이것 역시 제이쿼리를 이용하면 코드도 간결해지고 더 쉽게 구현할 수 있다 상호작용 처리가 쉽고 애니메이션을 사용할 수 있다. HTML문서의 목적은 페이지의 구조와 데이터를 표현하는 것인데 H.. JQuery .attr() .prop()의 차이 .attr()는 HTML의 속성을 취급 속성은 HTML 요소에 대한 추가 정보를 전달 여기서 id, type, value는 속성 attr은 setAttribute, getAttribute에 대응되는 메소드 ex) opentutorials .prop()는 JavaScript 프로퍼티를 취급 ex) opentutorials 제이쿼리로 엘리먼트 제어했을때 좋은점 -코드간결 -프로퍼티의 이름으로 어떤 것을 사용하건 올바른 것으로 교정해준다 이전 1 다음