jQuery 획기적인 소개 1장_jquery

1. 요약
2. 서문
3. jQuery란 무엇인가요?
jQuery는 Javascript 스크립트 라이브러리의 집합입니다. 내 블로그에서 "Javascript 경량 스크립트 라이브러리" 시리즈 기사를 찾을 수 있습니다. .NET 클래스 라이브러리의 경우 사용자의 사용을 용이하게 하기 위해 클래스 라이브러리에 일부 도구 메서드나 개체 메서드를 캡슐화합니다.

jQuery는 스크립트 프레임워크가 아니라 스크립트 라이브러리입니다. "framework"와 동일합니다. 예를 들어 "System Assembly"는 클래스 라이브러리이고 "ASP.NET MVC"는 프레임워크입니다. jQuery는 스크립트의 참조 관리 및 기능 관리를 해결하는 데 도움을 줄 수 없습니다.

스크립트 라이브러리는 코딩 논리를 완성하고 비즈니스 기능을 실현하는 데 도움이 됩니다. jQuery를 사용하면 JavaScript 코드 작성의 효율성이 크게 향상되는 동시에 작성된 코드가 더욱 우아해지고 강력해집니다. 인터넷의 풍부한 jQuery 플러그인도 우리 작업을 더 쉽게 만들어 줍니다. 왜냐하면 우리는 이미 거인의 어깨 위에 서 있기 때문입니다.

ASP를 만들 때. NET MVC 프로젝트에는 jQuery 클래스 라이브러리가 자동으로 도입되었습니다. jQuery는 거의 Microsoft의 공식 스크립트 라이브러리입니다! 완벽한 통합 및 지능형 감지 지원을 통해 .NET과 jQuery를 원활하게 결합할 수 있습니다. Dojo, ExtJS 등 대신 jQuery를 선택하세요.

jQuery는 다음과 같은 특징을 가지고 있습니다.

1. 강력한 기능적 기능을 제공합니다. 이러한 기능적 기능을 사용하면 다양한 기능을 빠르게 완성하고 코드를 작성할 수 있습니다.

2. 브라우저 호환성 문제 해결 다양한 브라우저에서 JavaScript 스크립트의 호환성은 웹 개발자에게 항상 악몽이었습니다. IE7과 Firefox에서는 페이지가 정상적으로 실행되지만 IE6에서는 설명할 수 없는 문제가 발생합니다. 다른 브라우저의 경우 다른 스크립트를 작성하는 것은 고통스럽습니다. 예를 들어 jQuery의 Event 개체는 과거에 이벤트 트리거를 기반으로 해야 했습니다. 즉, ff와 같은 표준 브라우저에서는 event.target입니다. jQuery는 이벤트 개체를 통합하여 모든 브라우저에서 이벤트 개체를 가져오는 데 사용할 수 있습니다.

3 . 풍부한 UIjQuery를 구현하면 그라데이션 팝업, 레이어 이동 등과 같은 애니메이션 효과를 얻을 수 있어 더 나은 사용자 경험을 얻을 수 있습니다. 그라데이션 효과를 예로 들면 다음과 같은 그라데이션 애니메이션을 작성한 적이 있습니다. IE, FF와 호환되는데, 엄청난 양의 자바스크립트 코드를 구현하려면 많은 노력이 필요하고, 작성하고 나면 별로 도움이 되지 않고, 시간이 지나면 다시 개발하는데 많은 노력이 필요하게 됩니다. 이제 jQuery를 사용하면 이러한 애플리케이션을 빠르게 완료할 수 있습니다.

4. 대부분의 개발자가 자바스크립트에 대해 잘못 이해하고 있기 때문에 잘못된 스크립팅 지식을 수정하는 것이 좋습니다. HTML 요소에서 DOM을 작동하기 위해 로드할 때 실행되거나 onclick이 실제로 익명 기능이라는 것을 알지 못한 채 문서 객체에 직접 "onclick" 속성을 추가합니다. 이러한 오류 스크립트에 대한 지식을 갖춘 기술 담당자도 모든 개발 작업을 완료할 수 있습니다. , 그러나 그러한 프로그램은 견고하지 않습니다. 예를 들어 "페이지에 로드할 때 실행되는 DOM을 조작하는 명령문을 작성하십시오. 페이지 코드가 작고 사용자가 빠르게 로드하면 문제가 없습니다. 페이지가 로드될 때. 조금 천천히, 브라우저에서 "작업 종료" 오류가 발생합니다. jQuery는 이러한 문제를 해결하는 데 도움이 되는 많은 간단한 방법을 제공하며 일단 jQuery를 사용하면 이러한 실수를 수정할 수 있는 지식을 갖게 됩니다. 왜냐하면 우리는 모두 올바른 표준 jQuery를 사용하고 있기 때문입니다. 스크립팅 방법!

5. 한 명씩 기다려주세요 4. Hello World jQuery
평소대로 jQuery의 Hello World 프로그램을 작성해보겠습니다. jQuery.

이 글의 끝 부분에서 전체 소스 코드를 다운로드할 수 있습니다.
1. jQuery 라이브러리 다운로드

jQuery 프로젝트 다운로드는 Google 코드에 있으며 다운로드 주소는

http://code.google.com/p/jqueryjs/downloads/list

위 주소는 전체 다운로드 목록으로, 다양한 버전과 유형의 jQuery 라이브러리가 포함되어 있으며 주로 다음 범주로 구분됩니다.

min: 공식 환경에서 사용되는 압축된 jQuery 클래스 라이브러리입니다. 예: jquery-1.3.2.min.js

vsdoc: IntelliSense를 활성화하려면 Visual Studio에 이 버전의 jquery 클래스 라이브러리를 도입해야 합니다. 예: jquery-1.3.2-vsdoc2.js

릴리스 패키지: 압축되지 않은 jquery 코드와 문서, 샘플 프로그램이 포함되어 있습니다. 예: jquery-1.3.2-release.zip

2. 작성합니다. 프로그램 HTML 페이지를 생성하고 jQuery 클래스 라이브러리를 도입한 후 다음 코드를 작성합니다.

코드 복사 코드는 다음과 같습니다. :

Hello World!