집 > 기사 > 웹 프론트엔드 > JavaScript 함수 라이브러리 jQuery_jquery에 대한 사전 이해

JavaScript 함수 라이브러리 jQuery_jquery에 대한 사전 이해

WBOY원래의: 2016-05-16 15:54:23982검색

jQuery 라이브러리는 간단한 마크업 라인으로 웹페이지에 추가할 수 있습니다.
jQuery 라이브러리 - 기능

jQuery는 JavaScript 함수 라이브러리입니다.

jQuery 라이브러리에는 다음 기능이 포함되어 있습니다.

HTML 요소 선택
HTML 요소 작업
CSS 작업
HTML 이벤트 기능
JavaScript 특수 효과 및 애니메이션
HTML DOM 탐색 및 수정
AJAX
유틸리티

페이지에 jQuery 라이브러리 추가

jQuery 라이브러리는 모든 jQuery 함수가 포함된 JavaScript 파일에 있습니다.

다음 태그를 통해 jQuery를 웹페이지에 추가할 수 있습니다.

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그는 페이지의 93f0f5c25f18dab9d176bd4f6de5d30e 섹션에 있어야 합니다.
기본 jQuery 예제

다음 예에서는 HTML 문서의 모든 e388a4556c0f65e1904146cc1a846bee 요소를 숨기는 jQuery의 hide() 함수를 보여줍니다.
예시

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>

직접 시도해 보세요
jQuery 다운로드

다운로드할 수 있는 jQuery 버전에는 축소된 버전과 압축되지 않은 버전(디버깅 또는 읽기용)의 두 가지 버전이 있습니다.

두 버전 모두 jQuery.com에서 다운로드할 수 있습니다.
라이브러리 교체

Google과 Microsoft 모두 jQuery를 훌륭하게 지원합니다.

컴퓨터에서 jQuery 라이브러리를 호스팅하지 않으려면 Google 또는 Microsoft에서 CDN jQuery 코어 파일을 로드할 수 있습니다.
Google의 CDN 사용

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

Microsoft의 CDN 사용

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>

성명：

이전 기사：자바스크립트 DOM 운용에 대한 자세한 지식에 대해 모르는 것 (1)_javascript 스킬다음 기사：자바스크립트 DOM 운용에 대한 자세한 지식에 대해 모르는 것 (1)_javascript 스킬

JavaScript 함수 라이브러리 jQuery_jquery에 대한 사전 이해

관련 기사