JQuery를 처음부터 배우는 강의 1_jquery
- WBOY원래의
- 2016-05-16 18:23:46818검색
JQuery의 중요성은 코더에게 자명해야 합니다. 입사 지원 시 JQuery를 아는지 묻는 질문을 몇 번이나 받았습니까? 스크립트를 작성할 때 브라우저 비호환성으로 인해 피를 토한 적이 몇 번이나 있습니까? 필요해서 질문을 받았나요? 간단한 효과를 만들기 위해 스크립트를 사용했지만 작성하는 동안 손이 쥐어졌습니다. JQuery가 등장한 후 많은 문제가 쉽게 해결되었습니다.
무언가를 배울 때마다 우리는 항상 그 역사를 이해하고 싶어합니다. 처음부터 시작하므로 역사에 대해서도 조금 알아 보겠습니다.
jQuery는 미국인 John Resig에 의해 만들어졌으며 독일의 Jörn Zaefferer, 루마니아의 Stefan Petre 등 전 세계의 많은 JavaScript 전문가가 합류했습니다.
jQuery는 프로토타입 이후 또 다른 뛰어난 Javascript 프레임워크입니다. 그 목적은 - 적게 쓰고, 더 많이 하고, 더 적은 코드를 작성하고, 더 많은 일을 하는 것입니다.
다른 js 라이브러리의 범위를 넘어서는 경량 js 라이브러리(압축 후 21k)이며 CSS3 및 다양한 브라우저(IE 6.0, FF 1.5, Safari 2.0, Opera 9.0)와 호환됩니다.
jQuery는 사용자가 HTML 문서와 이벤트를 더 쉽게 처리하고, 애니메이션 효과를 얻고, 웹사이트에 AJAX 상호 작용을 쉽게 제공할 수 있게 해주는 빠르고 간결한 JavaScript 라이브러리입니다.
jQuery의 또 다른 큰 장점은 문서가 매우 완벽하고 다양한 애플리케이션이 자세히 설명되어 있다는 점입니다. 선택할 수 있는 성숙한 플러그인도 많이 있습니다.
jQuery는 사용자의 html 페이지의 코드와 html 콘텐츠를 분리하여 유지할 수 있습니다. 즉, 명령을 호출하기 위해 html에 여러 js를 삽입할 필요가 없습니다.
첫 번째 DEMO를 시작하겠습니다. 첫 번째 강의에서는 심층적인 설명과 분석 없이 간략한 소개만 하겠습니다. 소스 코드를 제공해야 하는 네티즌은 그룹에 가입할 수 있습니다: 34979719
< ;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQuery_1._Default" %>
압축되지 않은 버전: http://code.google.com/p/jqueryjs/downloads/detail ?name=jquery-1.3.2.js
위에서 다운로드한 JQuery 패키지 버전은 1.3.2입니다. 최신 JQuery 패키지는 1.42에 이르렀습니다. 직접 다운로드해 보세요. 현재는
의 1.3.2 버전에 대해 주로 이야기하고 있습니다.
JQuery 패키지를 소개한 후 예제의 실행 효과에서 볼 수 있듯이 스크립트 프로그램 작성을 시작할 수 있습니다. 로드 후 순서대로 실행: " "hello world", "hello world again", "hello world again again", 효과는 동일합니다. 첫 번째와 세 번째는 전통적인 JS이고 두 번째는 JQuery 프로그램입니다. 줄을 제거하면 실행 후 다음 메시지가 표시됩니다. $가 정의되지 않았습니다.
$ 기호는 jQuery "클래스"의 별칭이므로 $()는 새 jQuery 객체를 생성합니다. $()는 선택기이고 $(document)는 JQuery 문서 개체를 구성합니다. Ready() 함수는 이 jQuery 객체의 메소드로, DOM이 로드된 후 이 메소드의 이벤트가 DEMO에서 트리거되면 해당 이벤트가 제공하는 경고 메소드가 실행됩니다. JQuery의 메서드는 한 쌍의 괄호()로 묶이고 그 뒤에 세미콜론이 옵니다.
오늘은 여기까지입니다. 부족한 점은 네티즌 여러분께서도 양해해 주시길 바랍니다. 다음 강의에서는 JQuery의 선택자와 JQuery가 제어값을 얻는 방법에 대해 설명하겠습니다.