이 섹션에서는 우리는 간단한 프로그램의 도움으로 어떻게 작동하는지 jQuery 볼 수 있습니다. 이 튜토리얼은 여러분에게 jQuery의 기본적인 소개를 제공하고 이해하는 데 필요한 개념을 설명합니다.
jQuery 라이브러리는 개발자가 리치 인터넷 애플 리케이션을 개발하는 데 도움이됩니다. 이것은 웹에서 가장 많이 사용되는 프레임 워크 중 하나입니다. 그것의 쉬운 학습과 언어를 사용할 수 있습니다. 다음은 jQuery의 하이라이트는 다음과 같습니다
• jQuery는 브라우저에서 실행되는 자바 스크립트 기반의 라이브러리입니다. 그것은 클라이언트측 AJAX 프레임 워크입니다.
• jQuery는 JavaScript 프로그래밍 언어를 사용하여 AJAX 기반 응용 프로그램의 개발을 단순화합니다.
• jQuery는 언어를 배우고 사용하기 쉽습니다. 프로그래머가 쉽게 배울 수 있습니다.
jQuery는 적은 코딩에 더 많은 작업을 할 수 있도록 설계되었습니다. jQuery에서 작동하는 것은 매우 간단합니다. 그것은 모든 serverside 웹 응용 프로그램 개발 기술을 지원합니다. 당신은 서버측 언어와 동적으로 서버에서 데이터를 추출하기 위해 사용자 jQuery로 JSP, 서블릿, Struts, 스프링 MVC, ASP,. NET, CGI, PHP, 펄 등을 사용할 수 있습니다.
그래서 jQuey은 매우 유용한 도구입니다. 그것이 작동하고 우리가 프로그래밍에서 사용할 수있는 방법을 알아보자. 전통적으로 개발자는 페이지 로딩에서 몇 가지 작업을 시작 Window.onload에게 () 함수를 사용하고 있습니다. 이 함수 한 단점이있다.광고 배너를 포함하여 모든 이미지가로드되기 전까지는 발생시킵니다하지 않습니다. 그래서, window.onload ()는 고통스럽게 느린 될 수 있습니다.jQuery는이 문제에 대한 솔루션을 제공합니다.$ (문서). 준비 (함수 () {}) 문제를 해결합니다.문서 객체 모델이 준비되면 그것은 해고된다. 그래서, 스위트 귀하의 비즈니스 요구를 자바 스크립트의 모든 유형을 실행하는 데 이것을 사용할 수 있습니다. 다음은 문서 객체 모델이 준비되면 경고 메시지를 표시합니다 코드는 다음과 같습니다
$(document).ready(function(){
// Your code here...
alert("Hello");
});
<html>
<head>
<title>jQuery Hello World Alert box</title>
<script src="http://code.jquery.com/jquery-1.4.2.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$("#cl").click(function(){
alert("HELLO WORLD!");
});
});
</script>
<body>
<font color="red">CLICK BELOW BUTTON TO SEE ALERT BOX</font>
<br>
<br>
<button id="cl">Click Me</button>
</body>
</html>
