>웹 프론트엔드 >JS 튜토리얼 >JQuery 사용법과 자세한 설명

JQuery 사용법과 자세한 설명

黄舟
黄舟원래의
2017-02-27 14:51:382122검색

질문이 있으신가요? JQuery 사용법 및 자세한 설명

1. 정의:

JQuery는 프로토타입 이후의 또 하나의 훌륭한 제품입니다Javascript 라이브러리(직접 말하면 JavaScript 기반)입니다. CSS3 및 다양한 브라우저(IE)와 호환되는 경량 js 라이브러리입니다. 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+), jQuery2.0 및 후속 버전은 더 이상 IE6/7/8 브라우저를 지원하지 않습니다. jQuery를 사용하면 사용자는 HTML(Standard Universal Markup Language의 응용 프로그램), 이벤트를 더 쉽게 처리하고, 애니메이션 효과를 구현하고, 웹 사이트에 AJAX 상호 작용을 쉽게 제공할 수 있습니다. jQuery의 또 다른 큰 장점은 문서가 매우 완벽하고 다양한 애플리케이션이 자세히 설명되어 있다는 점입니다. 선택할 수 있는 성숙한 플러그인도 많이 있습니다. jQuery는 사용자 HTML 페이지의 코드와 HTML 콘텐츠를 분리하여 유지할 수 있습니다. 즉, 명령을 호출하기 위해 HTML에 여러 개의 js를 삽입할 필요가 없습니다.

jQuery는 다양한 브라우저와 호환되는 자바스크립트 라이브러리입니다. 핵심 개념은 '적게 쓰고 더 많이 하기'입니다. 더 많은 것을 얻으십시오). jQuery는 2006년 1월 뉴욕 바캠프에서 미국인 John Resig에 의해 출시되었으며 Dave를 중심으로 전 세계의 많은 JavaScript 전문가들이 합류했습니다. Methvin은 개발 팀을 이끌고 있습니다. 오늘날 jQuery는 세계에서 가장 많이 방문한 웹사이트 상위 10,000개 중 55% 이상이 사용하는 가장 인기 있는 JavaScript 라이브러리가 되었습니다.


2. 기능: 제가 직접 정리했는데, jquery는 js label보다 html 관련 작업을 더 잘합니다. js처럼 HTML 요소에 다양한 트리거를 정의할 필요가 없습니다. 필요한 것은 ID뿐입니다.


3. 용도 :

(1) 공식바로가기 jquery 버전을 다운로드하려면 웹사이트에서 다운로드 링크 1을 클릭하고, 다운로드 링크 2를 클릭하세요. 여기서는 jquery-1.11.3.min 버전을 사용하고 있습니다.


(2) html, asp, jsp 및 기타 웹 파일로 패키지 가져오기

<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>


(3) 예: jquery

	<script>
		$(document).ready(C);
	    function C(){
			$("#a6").html("页面加载我赢了!");
		}
	</script>


이전 js 작성 방법: 사실 효과는 동일하지만 jquery를 사용하면 좀 더 간결해 보일 수 있습니다.

function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello jQuery";
}

위는 JQuery의 사용법과 자세한 설명입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요. !


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