>웹 프론트엔드 >JS 튜토리얼 >JavaScript 함수 라이브러리 jQuery_jquery에 대한 사전 이해

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

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

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>


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.