제이쿼리
-
[jQuery] 4. 이벤트 메소드(Event method) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:14
jQuery Event Methods jQuery는 HTML 페이지 내에서 이벤트에 반응하기 위한 맞춤입니다. 1. What are Events? 모든 다른 방문자들의 행위에 따른 웹페이지의 반응은 이벤트라 합니다. 예제: - 요소 위에 마우스를 이동시킨다. - 라디오 버튼을 선택한다. - 요소를 클릭한다. Mouse EventsKeyboard EventsForm EventsDocument/Window Eventsclickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleave blurunload [ 출처: W3Schools ] 2. jQuery Syntax For Event Methods jQuery에서, 대부분의..
-
[jQuery] 3. 선택자(selector) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:13
jQuery Selectors jQuery 선택자(selector)는 jQuery 라이브러리의 가장 중요한 부분 중 하나입니다. 1. jQuery Selectors jQuery 선택자는 HTML 요소를 선택하고 조작할 수 있게 허용합니다. jQuery 선택자는 요소들의 id, classes, types, attributes, attribute의 값 등을 기반으로 HTML 요소를 찾습니다. 이것은 CSS 선택자를 기반으로 하였습니다. jQuery의 모든 선택자는 달러 마크와 괄호로 시작됩니다: $() 2. The element Selector jQuery 요소 선택자는 요소 이름(element name)을 기반으로 요소를 선택합니다. 페이지 내의 모든 요소를 선택하기 위해 아래와 같이 할 수 있습니다: 1..
-
[jQuery] 2. 문법(Syntax) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:12
jQuery Syntax jQuery를 사용하여 HTML 요소를 선택하고 그들을 가지고 "액션"을 수행할 수 있습니다. 1. jQuery Syntax jQuery 문법은 HTML 요소를 선택하기 위한 안성맞춤의 문법이고 요소의 어떤 액션을 수행하기 위한 문법입니다. 기본 문법은 $(selector).action() 입니다: - $ 마크로 선언/접근 하는 jQuery 문법입니다. - (selector)는 HTML 요소를 찾는 문법입니다. - action()은 요소가 수행할 액션입니다. 예제: - $(this).hide() : 현재 요소를 숨깁니다. - $("p").hide() : 모든 요소를 숨깁니다. - $(".test").hide() : 클래스가 "test"인 모든 요소를 숨깁니다. - $("#test..
-
[jQuery] 1. 시작 - jQuery 강좌Web/jQuery 2015. 6. 13. 11:11
jQuery Get Started 1. Adding jQuery to Your Web Pages 웹 사이트에서 jQuery를 사용하는 몇가지 방법이 있습니다: - jQuery.com 에서 jQuery 라이브러리 다운로드 - 구글과 같은 CDN에서의 jQuery 포함 2. Downloading jQuery 2개의 jQuery 버전을 다운로드 할 수 있습니다: - Product Version: 웹사이트에서 사용가능한 최소화되고 압축된 버전 - Development Version: 테스팅하고 개발하기 위한 버전(비압축되고 가독성 코드인) 두 버전 모두 jQuery.com에서 받으실수 있습니다. jQuery 라이브러리는 자바스크립트 파일로 한줄이면 됩니다. HTML의 jQuery 강좌, 제이쿼리, jQuery,..