[생활코딩] 8강. Form

폼(Form) 서버로 데이터를 전송하기 위한 수단 생활코딩 HTML 튜토리얼 폼 편 참고 Query는 폼을 제어하는데 필요한 이벤트와 메소드를 제공한다. jQuery 폼 API 문서 : http://api.jquery.com/category/forms/ 예제1. (.focus(), .blur(), .change(), .select()) 예제2. (.submit(), .val()) Type 'correct' to validate.

  • format_list_bulleted __/jQuery
  • · 2021. 1. 24.
  • textsms

[생활코딩] 7강. 엘리먼트 제어

웹을 문서로 만든다면 html이나 css만으로도 충분히 만듭니다. 웹을 문서가 아니라 애플리케이션으로써 만든다면 html을 동적으로 만든다거나 css를 수정한다거나 해야하고, 이에 대해서는 자바스크립트를 사용해야합니다. → jQuery 엘리먼트 제어 jQuery는 엘리먼트를 제어하는 일관되고 풍부한 기능들을 제공한다. http://api.jquery.com/category/manipulation/ 자식으로 삽입 (.append(), .appendTo(), .html(), .prepend(), .prependTo(), .text()) I would like to say: //strong엘리먼트 생성, p태그의 자식 엘리먼트로 추가 형제로 삽입 (.after(), .before(), .insertAfter(..

  • format_list_bulleted __/jQuery
  • · 2021. 1. 24.
  • textsms

[생활코딩] 6강. Event

이벤트(Event) 란? 시스템에서 일어나는 사건을 의미 javascript나 jQuery에게 이벤트란 브라우져에서 일어나는 사건을 의미한다. (클릭, 마우스 이동, 타이핑, 페이지 로딩등) 이벤트가 발생했을 때 작동할 로직을 시스템에게 알려두면 이벤트가 발생했을 때 시스템이 그 로직을 호출한다. 이벤트에 대한 기본적인 내용은 자바스크립트 이벤트 편 참고 http://opentutorials.org/course/49 jQuery의 이벤트 크로스브라우징의 문제를 해결해줌 bind로 이벤트 핸들러를 설치하고, unbind로 제거 (예제1) trigger로 이벤트 핸들러를 강제로 실행 (예제2) click, ready와 같이 다양한 이벤트 헬퍼(helper)를 제공함 live를 이용하면 현재 존재 하지 않는 ..

  • format_list_bulleted __/jQuery
  • · 2021. 1. 24.
  • textsms
[생활코딩] 5강. Chain & Traversing

[생활코딩] 5강. Chain & Traversing

. 을 이용하여 연속적으로 연결 가능한 것을 'chain'이라고 합니다. chain이 얼마나 효율적인지, context를 어떻게 유지하고 전환하는지에 대해서 알아보겠습니다. Chain이란? jQuery의 메소드들은 반환값으로 자기 자신을 반환해야 한다는 규칙을 가지고 있습니다. 이를 이용하면 한번 선택한 대상에 대해서 연속적인 제어를 할 수 있습니다. 예제1. jQuery를 이용해서 코딩하는 경우 wrapper을 더이상 선언하지 않아도 됨 jQuery //라이브러리 로드 예제2. javascript의 DOM을 이용해서 코딩하는 경우 jQuery tutorial.setAttribute('href', 'http://jquery.org');을 콘솔로 찍어보면 Undefined라고 나옵니다. 리턴하는 값이 없다..

  • format_list_bulleted __/jQuery
  • · 2021. 1. 24.
  • textsms

[생활코딩] 3강. wrapper

레퍼(wrapper)란? : 시작점과 같음 jQuery(엘리먼트 오브젝트 | 'CSS스타일 선택자') 붉은색으로 표시한 부분이 레퍼, 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환 Element Object는 다음과 같이 있습니다. # ← id 셀렉터 . ← 클래스 셀렉터 엘리먼트 셀렉터 레퍼의 안전한 사용 $(엘리먼트) 와 jQuery(엘리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용한다. //권장되는 방법 제어 대상을 지정하는 방법 jQuery( selector, [context] ) [context] : 옵션임 jQuery( element ) 예제 1. jQuery( selector, [context] ) test2 test 예제 2..

  • format_list_bulleted __/jQuery
  • · 2021. 1. 24.
  • textsms

[생활코딩] 2강. javascript VS jQuery

Javascript와 jQuery 비교 예제. 탭을 클릭했을 때 포커스를 변경하는 예제 JavaScript HTML CSS javascript jQuery PHP mysql jQuery HTML CSS javascript jQuery PHP mysql

  • format_list_bulleted __/jQuery
  • · 2021. 1. 24.
  • textsms