Web/jQuery
-
[jQuery] 6. Fading - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:15
jQuery Effects - Fading 1. jQuery Fading Methods jQuery에서 요소의 가시성을 나타내게 하거나 사라지게 할 수 있습니다: - fadeIn() - fadeOut() - fadeToggle() - fadeTo() 2. jQuery fadeIn() Method fadeIn() 메소드는 사라진 요소를 희미하게 나타냅니다. 문법:$(selector).fadeIn(speed,callback); 예제: 123456789101112131415161718192021222324252627 $(document).ready(function(){$("button").click(function(){$("#div1").fadeIn();$("#div2").fadeIn("slow");$("#d..
-
[jQuery] 5. 보이기 / 숨기기(Hide / Show) - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:14
jQuery Effects - Hide and Show 1. jQuery hide() and show() HTML 요소를 hide()와 show() 메소드로 숨기고 보일 수 있습니다: 12345678910111213141516171819202122232425 $(document).ready(function(){$("#hide").click(function(){$("p").hide();});$("#show").click(function(){$("p").show();});}); If you click on the "Hide" button, I will disappear. Hide Show Colored by Color Scriptercs 문법:$(selector).hide(speed,callback); $(..
-
[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,..
-
[jQuery] jQuery & AjaxWeb/jQuery 2015. 6. 13. 11:11
jQuery jQuery(제이쿼리)는 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리이며 클라이언트 사이드 스크립트 언어를 단순화 할 수 있도록 설계되었다. 존 레식이 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개하였다. jQuery는 오늘날 가장 인기있는 자바스크립트 라이브러리 중 하나이다. jQuery는 MIT 라이선스와 GNU 일반 공중 사용 허가서v2의 듀얼 라이선스를 가진 자유 오픈 소프트웨어이다. jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, Ajax 개발을 쉽게 할 수 있도록 디자인되었다. 또한, jQuery는 개발자가 플러그인을 개발할 수 있는 기능을 제공한다. Ajax Ajax(Asynchronous JavaS..