제이쿼리 썸네일형 리스트형 jQuery(제이쿼리 이벤트 + Ajax(기본형)) <완결> 여러분 안녕하세요~ 19살 IT 개발자 포돌이입니다. 저번 시간에는 jQuery(수치 조작 메소드를) 끝내면서, 선택자 파트를 마무리하였습니다. 오늘은 jQuery(제이쿼리 이벤트+ Ajax)를 나가보려고 합니다. 그러면 한번 진행해보도록 하겠습니다. 중요한 메소드들로만 담았다는 점 양해 부탁드립니다. 이벤트 등록 메소드 이벤트란 사이트에서 방문자가 취하는 모든 행위를 말하고, 이벤트 핸들러는 이벤트가 발생했을 때 실행되는 코드를 말합니다. 이 메소드를 이용하면 방문자가 지정한 요소에서 어떠한 특정 동작이 일어났을 때 저장된 코드를 실행시킬 수 있습니다. 기본형 기본형을 봤으니 본격적으로 이벤트 종류 메소드를 알아보도록 하겠습니다. 단독 이벤트 등록 메소드 단독 이벤트 등록 메소드는 대상에 한 가지 동작.. 더보기 jQuery(수치 조작 메소드) 여러분 안녕하세요 19살 IT 개발자 포돌이입니다. 지난 시간에는 jQuery(수치 조작 메소드)를 배웠습니다. 오늘은 jQuery(수치 조작 메소드)을 공부해보려고 합니다. 수치 조작 메소드 수치 조작 메소드는 요소의 속성을 조작할 때 사용하는 메소드 입니다. 요소의 높이 / 너비 메소드 height()와 width() 메소드는 여백 및 선 두께를 제외한 순수 요소의 높이값과 너비값을 계산합니다. innerHeight()와 innerHeight()와 innerWidth() 메소드는 여백을 포함한 요소의 높이값과 너비값을 계산합니다. outerHeight()와 outerWidth() 메소드는 여백 및 선을 포함한 요소의 높이값과 너비값을 계산합니다. 기본형 코딩해보기 요소 위치 메소드 요소 위치 메소드에.. 더보기 jQuery(속성 조작 메소드) 여러분 안녕하세요 19살 IT 개발자 포돌이입니다. 지난 시간에는 jQuery(탐색 선택자 2)를 알려드리면서 탐색 선택자를 마무리했습니다. 오늘은 jQuery(속성 조작 메소드)을 공부해보려고 합니다. 그럼 긴말 없이 들어가 보도록 하겠습니다. 가시죠! 객체 조작 메소드 객체를 생성, 복제, 삭제, 속성 변환하는 객체 조작 메소드에 대해 알아보겠습니다. 객체 조작 메서드는 속성 조작 메소드와 수치 조작 메소드 그리고 객체 편집 메소드로 나눌 수 있습니다. 속성 조작 메서드는 요소의 속성을 바꿀 때 사용하고, 수치 조작 메소드는 요소의 너비값 또는 높이값 같은 수치를 바꿀 때 사용합니다. 이 두 메서드는 선택한 요소의 속성을 바꾸는 메소드이므로 성격이 바슷하다고 볼 수 있습니다. 그리고 객체 편집 메소드.. 더보기 jQuery(직접 선택자) 안녕하세요 19살 IT 개발자 포돌이라고 합니다. 지난번에는 jQuery에 대해 간단한 설명과 다운로드 방법을 알려드렸습니다 오늘은 jQuery(직접 선택자)에 대해서 알려드리도록 하겠습니다. 그럼 시작해볼까요? * 설명할 때는 jQuery와 제이쿼리 두 가지 방식으로 표기하겠습니다. 선택자 선택자는 HTML 요소를 선택하여 가져옵니다. 제이쿼리 선택자는 CSS 선택자와 마찬가지로 선택한 요소의 디자인 속성을 적용할 때 사용할 수 있습니다. 이때 HTML에서 작성한 스타일(CSS)은 '정적이다'라고 표현합니다. 하지만 제이쿼리 선택자를 사용하면 "동적"으로 스타일을 적용할 수 있습니다. 선택자를 좀 더 정확하고 깊이있게 공부하려면 문서 객체 모델에 대해 알아두는 것이 좋을 겁니다~^^ 문서 객체 모델(D.. 더보기 이전 1 다음
