차례:
비디오: 회원가입 팝업 제작 HTML5, CSS3, 제이쿼리(Jquery) 웹퍼블리셔를 위한 홈페이지 제작 기술 강의 2024
많은 뛰어난 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 라이브러리는 설치와 사용이 쉽습니다. 다음 단계를 따르십시오.
-
jquery로 이동하십시오. com.
-
현재 버전을 다운로드하십시오.
현재 최신 버전은 1입니다.2. X 시리즈가 있지만이 버전은 구식 브라우저를 지원하지 않으므로 구형 브라우저 (특히 IE 6 이하)가 더 이상 사용되지 않을 때까지 채택되지 않습니다.
파일의 여러 버전 중에서 선택할 수 있습니다. 실제 사용에는 최소화 된 버전을 사용하는 것이 좋습니다. 이 파일을 가능한 작게 만들기 위해 모든 불필요한 문자가 제거되었습니다. 이 파일은 매우 작지만 읽을 수 없습니다. 실제로 코드를 읽으려면 최소화되지 않은 버전을 다운로드하십시오. 그러나 일반적으로 프로그램에 최소화 된 버전을 포함하는 것이 좋습니다.
-
결과 파일을 작업 디렉토리에 저장하십시오.
jQuery-1. 10. 2 분. js는 현재 파일입니다.
라이브러리를 페이지에 통합하려면 외부 JavaScript 파일로 링크하기 만하면됩니다.
jQuery를 참조하는 다른 코드를 작성하거나 포함하기 전에 위 코드를 포함하십시오.
Google에서 jQuery를 가져 오는 방법
jQuery 지원을 추가하는 것만 큼 쉽게 다운로드 할 수 있으므로 페이지에 jQuery (및 기타 AJAX 라이브러리) 지원을 추가 할 수 있습니다. Google은 서버에서 다운로드 할 수있는 몇 가지 중요한 라이브러리 (jQuery 포함)의 공개 버전을 제공합니다.
여기에는 몇 가지 흥미로운 이점이 있습니다.
-
라이브러리를 설치할 필요가 없습니다. 모든 도서관 파일은 Google 서버에 남아 있습니다.
-
라이브러리가 자동으로 업데이트됩니다. 코드를 변경하지 않고도 항상 최신 버전의 라이브러리에 액세스 할 수 있습니다.
-
라이브러리가 더 빨리로드 될 수 있습니다. 페이지 중 첫 번째 페이지가 Google 서버에서 라이브러리를 읽으면 전체 다운로드를 기다려야하지만 라이브러리는 캐시 (브라우저 메모리의 한 형태)로 저장되므로 후속 요청은 본질적으로 즉각적입니다.
다음과 같이하십시오.
기본적으로 Google에서 jQuery를로드하는 과정은 두 단계로 진행됩니다.
-
Google에서 Google API를로드합니다.
첫 번째 태그를 사용하여 Google AJAX API 서버를 나타냅니다. 이렇게하면 Google에 액세스 할 수 있습니다. load () 함수.
-
Google을 호출하십시오. load ()는 jQuery를로드한다.
-
첫 번째 매개 변수는로드하려는 라이브러리의 이름입니다.
-
두 번째 매개 변수는 버전 번호입니다. 이 매개 변수를 비워두면 최신 버전을 얻을 수 있습니다. 번호를 지정하면 Google에서 해당 버전의 최신 버전을 제공합니다.
-
Google 접근법을 사용하기 위해 로컬로 파일을 설치할 필요는 없습니다.
jQuery를 관리하기위한 이러한 모든 옵션은 현기증 날 수 있습니다. 가장 적합한 기술을 사용하십시오.