개인 재정 AJAX jQuery를 HTML5 및 CSS3 프로그래밍에 사용하는 방법

AJAX jQuery를 HTML5 및 CSS3 프로그래밍에 사용하는 방법

차례:

비디오: 회원가입 팝업 제작 HTML5, CSS3, 제이쿼리(Jquery) 웹퍼블리셔를 위한 홈페이지 제작 기술 강의 2024

비디오: 회원가입 팝업 제작 HTML5, CSS3, 제이쿼리(Jquery) 웹퍼블리셔를 위한 홈페이지 제작 기술 강의 2024
Anonim

많은 뛰어난 AJAX / JavaScript 라이브러리가 HTML5 및 CSS3 프로그래머에게 제공되지만 jQuery는 신속하게 가장 눈에 띄는 기능 중 하나가되었습니다. jQuery의 인기에 대한 이유는 다음과 같습니다.

  • 강력한 라이브러리입니다. jQuery 시스템은 놀랍도록 강력합니다. 자바 스크립트를보다 쉽게 ​​작성하기 위해 모든 종류의 인상적인 작업을 수행 할 수 있습니다.

  • 경량입니다. 라이브러리가 필요한 모든 파일에 라이브러리에 대한 참조를 포함해야합니다. 전체 jQuery 라이브러리는 많은 이미지 파일보다 작은 55K로 맞습니다. 다운로드 속도에 큰 영향을 미치지 않습니다.

  • 유연한 선택 메커니즘을 지원합니다. jQuery는 문서를 크게 단순화하고 확장합니다. getElementById 메커니즘은 DOM 조작의 핵심입니다.

  • 멋진 애니메이션을 지원합니다. jQuery를 사용하여 요소를 표시하고 페이드, 이동 및 슬라이드 할 수 있습니다.

  • AJAX 쿼리를 사소한 것으로 만듭니다. AJAX가 jQuery와 얼마나 쉬운 지 당신은 놀라실 것입니다.

  • 향상된 이벤트 메커니즘이 있습니다. JavaScript는 이벤트에 대한 지원이 매우 제한적입니다. jQuery는 거의 모든 요소에 이벤트 처리기를 추가하는 매우 강력한 도구를 추가합니다.

  • 플랫폼 간 지원을 제공합니다. jQuery 라이브러리는 브라우저 호환성 문제를 관리하기 때문에 어떤 브라우저가 사용되는지 정확히 알 필요가 없습니다.

  • 사용자 인터페이스 위젯을 지원합니다. jQuery에는 드래그 앤 드롭 컨트롤, 슬라이더 및 날짜 선택 도구와 같이 HTML 도구에는없는 강력한 사용자 인터페이스 라이브러리가 함께 제공됩니다.

  • 확장 성이 뛰어납니다. jQuery에는 오디오 통합, 이미지 갤러리, 메뉴 등과 같은 새로운 도구 및 도구를 비롯하여 모든 종류의 선택적 기능을 지원하는 플러그인 라이브러리가 있습니다.

  • 강력한 새로운 프로그래밍 아이디어를 소개합니다. jQuery는 함수 프로그래밍과 연결 가능한 객체와 같은 흥미로운 아이디어에 대해 배우기에 훌륭한 도구입니다.

  • 무료이며 오픈 소스입니다. 오픈 소스 라이선스로 사용할 수 있습니다. 즉, 사용료가 들지 않으며 원하는 경우 변경할 수 있습니다.

  • 합리적으로 전형적입니다. 다른 AJAX 라이브러리를 사용하도록 선택한 경우에도 jQuery에서 배운 아이디어를 계속 전송할 수 있습니다.

jQuery 설치 방법

jQuery 라이브러리는 설치와 사용이 쉽습니다. 다음 단계를 따르십시오.

  1. jquery로 이동하십시오. com.

  2. 현재 버전을 다운로드하십시오.

    현재 최신 버전은 1입니다.2. X 시리즈가 있지만이 버전은 구식 브라우저를 지원하지 않으므로 구형 브라우저 (특히 IE 6 이하)가 더 이상 사용되지 않을 때까지 채택되지 않습니다.

    파일의 여러 버전 중에서 선택할 수 있습니다. 실제 사용에는 최소화 된 버전을 사용하는 것이 좋습니다. 이 파일을 가능한 작게 만들기 위해 모든 불필요한 문자가 제거되었습니다. 이 파일은 매우 작지만 읽을 수 없습니다. 실제로 코드를 읽으려면 최소화되지 않은 버전을 다운로드하십시오. 그러나 일반적으로 프로그램에 최소화 된 버전을 포함하는 것이 좋습니다.

  3. 결과 파일을 작업 디렉토리에 저장하십시오.

    jQuery-1. 10. 2 분. js는 현재 파일입니다.

라이브러리를 페이지에 통합하려면 외부 JavaScript 파일로 링크하기 만하면됩니다.


jQuery를 참조하는 다른 코드를 작성하거나 포함하기 전에 위 코드를 포함하십시오.

Google에서 jQuery를 가져 오는 방법

jQuery 지원을 추가하는 것만 큼 쉽게 다운로드 할 수 있으므로 페이지에 jQuery (및 기타 AJAX 라이브러리) 지원을 추가 할 수 있습니다. Google은 서버에서 다운로드 할 수있는 몇 가지 중요한 라이브러리 (jQuery 포함)의 공개 버전을 제공합니다.

여기에는 몇 가지 흥미로운 이점이 있습니다.

  • 라이브러리를 설치할 필요가 없습니다. 모든 도서관 파일은 Google 서버에 남아 있습니다.

  • 라이브러리가 자동으로 업데이트됩니다. 코드를 변경하지 않고도 항상 최신 버전의 라이브러리에 액세스 할 수 있습니다.

  • 라이브러리가 더 빨리로드 될 수 있습니다. 페이지 중 첫 번째 페이지가 Google 서버에서 라이브러리를 읽으면 전체 다운로드를 기다려야하지만 라이브러리는 캐시 (브라우저 메모리의 한 형태)로 저장되므로 후속 요청은 본질적으로 즉각적입니다.

다음과 같이하십시오.

 

기본적으로 Google에서 jQuery를로드하는 과정은 두 단계로 진행됩니다.

  1. Google에서 Google API를로드합니다.

    첫 번째 태그를 사용하여 Google AJAX API 서버를 나타냅니다. 이렇게하면 Google에 액세스 할 수 있습니다. load () 함수.

  2. Google을 호출하십시오. load ()는 jQuery를로드한다.

    • 첫 번째 매개 변수는로드하려는 라이브러리의 이름입니다.

    • 두 번째 매개 변수는 버전 번호입니다. 이 매개 변수를 비워두면 최신 버전을 얻을 수 있습니다. 번호를 지정하면 Google에서 해당 버전의 최신 버전을 제공합니다.

Google 접근법을 사용하기 위해 로컬로 파일을 설치할 필요는 없습니다.

jQuery를 관리하기위한 이러한 모든 옵션은 현기증 날 수 있습니다. 가장 적합한 기술을 사용하십시오.

AJAX jQuery를 HTML5 및 CSS3 프로그래밍에 사용하는 방법

편집자의 선택

R 더미에서 요소를 만드는 방법

R 더미에서 요소를 만드는 방법

R에서 요소를 만들려면 요소 ) 기능. factor ()의 처음 세 인수는 탐색을 보증합니다. x : 인수로 바꾸려는 입력 벡터입니다. levels : x가 취한 값의 선택적 벡터. 디폴트는 사전 식으로 정렬되어 x의 고유 한 값입니다. labels : Another ...

R- 더미에서 배열을 작성하는 방법

R- 더미에서 배열을 작성하는 방법

행렬 또는 배열을 구성하는 두 가지 옵션이 있습니다. 생성자 함수 Matrix () 및 array ()를 사용하거나 dim () 함수를 사용하여 치수를 간단히 변경하십시오. R의 작성자 함수 사용 배열 () 함수를 사용하면 데이터를 첫 번째 인수로주고 배열을 쉽게 만들 수 있습니다.

R

R

대입 연산자 (<- )를 사용하여 문자 벡터에 값을 할당하는 것과 거의 같은 방법으로 벡터에 이름을 할당합니다. 매월 날짜 수를 가진 명명 된 벡터를 만들고 싶다고 상상해보십시오. 먼저 매 달의 일 수를 포함하는 숫자 벡터를 만듭니다. 그런 다음 ...

편집자의 선택

명상 중에 일반적인 산만 함을 다루는 방법 명상 - 인물

명상 중에 일반적인 산만 함을 다루는 방법 명상 - 인물

Mindfulness 명상의 한 부분. 그들은 손을 맞잡고 간다. 혼란 스럽거나 혼란 스럽거나 짜증을 느끼거나, 느끼거나, 생각을 연습하게하고, 명상의 호흡이나 집중에주의를 기울이십시오. 점점 ...

모드에서 감정을 다루는 방법 - 인형

모드에서 감정을 다루는 방법 - 인형

감정은 해결해야 할 문제가 아니지만 받아 들여지는 경험. 당신이 당신의 감정을 관리하려고 노력하는 모드를 사용할 때, 당신의 도전적인 기분이 깊어 질 수 있습니다. 자동 조종 장치로 생활하면 부정적인 생각이 몰래 들릴 수 있습니다. 당신은 '나는 게으르다', '나는 할 수 없다', '할 수 없다'등의 부정적 생각을 할 수 있습니다.

주의력을 실천할 때 도움이되지 않는 태도를 다루는 방법 - 인형

주의력을 실천할 때 도움이되지 않는 태도를 다루는 방법 - 인형

당신이 그것에 대해 가질 수있는 완벽 주의자 또는 참을성없는 태도를 놓아주기 시작하십시오. Mindfulness 명상으로 고투하는 경우에, 당신은 잠이 들거나 당신의 마음이 방황하고, 화내거나 자신을 좌절시키지 않으려 고 노력합니다. 명상은 시간이 지남에 따라 개발할 수있는 연습입니다. ...

편집자의 선택

Xcode4에서 도움말보기 - 인형

Xcode4에서 도움말보기 - 인형

문서에 빠르게 액세스하는 기능은 Xcode 및 iOS 앱을 만들 때 정기적으로 사용하기를 원할 것입니다. 어떻게해야하는지 잘 모르거나 무언가가 어떻게 작동하는지 알지 못하는 경우 문서에서 대답을 찾을 수 있습니다. 무슨 일이 일어나고 있는지 알아 내면 ...

IOS 앱 개발에 클래스를 구현하는 방법 - 더미

IOS 앱 개발에 클래스를 구현하는 방법 - 더미

IOS 용 클래스의 구현은 해당 메소드의 구현으로 구성됩니다. 다음 목록은 메소드 구현이 무엇이고 클래스의 전체 구현 스펙이 어떻게 생겼는지에 대한 좋은 아이디어를 제공합니다. @implementation 지시어로 묶은 구현 스펙을 사용하여 클래스를 구현하십시오.