JavaScript에서 jQuery 는 HTML에서 짧고 이해하기 쉬운 코드로 JavaScript에서 공통적이고 반복적 인 작업을 수행하기위한 JavaScript 스크립트 패키지입니다. jQuery의 첫 번째 안정적인 릴리스는 2006 년 1 월 26 일에 John Resig에 의해 발표되었습니다. 그 후 몇 가지 추가 릴리스가있었습니다.

jQuery를 사용하려면 개인 서버에 단일 jQuery 파일을 로컬로 다운로드하거나 배치하거나 Google 또는 Microsoft와 같은 회사의 공용 CDN을 사용할 수 있습니다. jQuery를로드하려면 HTML 코드에 아래 스크립트 행을 넣으십시오. 아래 예제와 같이 Google CDN에서 jQuery를로드하고 있습니다. 공개 CDN을 사용하면 방문자가 이미 스크립트 파일을 다운로드하여 캐시했을 수 있으므로 페이지로드 속도가 빨라질 수 있습니다.

자바 스크립트가로드되면 $ 함수를 사용하여 아래 예제와 유사하게됩니다.

 함수 toggleDiv (divId) {$ ( "#"+ divId) .toggle (800); } 

위의 예제에서 자바 스크립트는 toggle jQuery 함수를로드하여 아래 div를 표시하거나 숨 깁니다. 토글의 800은 숨겨 지거나 표시되는 div에 애니메이션을 제공합니다.

토글 버튼
이 예제 텍스트는 jQuery를 보여주기위한 것입니다. Toggle Button을 누르면이 텍스트가 표시되고 숨겨집니다. 

마지막으로 위의 HTML 코드는 토글 버튼과 토글 상태에 따라 숨기거나 표시 할 div를 만듭니다.

실제 예제

토글 버튼

이 예제 텍스트는 jQuery를 보여주기위한 것입니다. Toggle Button을 누르면이 텍스트가 표시되고 숨겨집니다.

AJAX, JavaScript, 웹 디자인 용어