jQuery란 무엇인가요?
jQuery = JavaScript + jQuery
jQuery는 JavaScript 라이브러리입니다.
jQuery는 JavaScript 프로그래밍을 크게 단순화합니다. 아래 예시를 보세요
페이지에 다음 두 가지 요소가 있다고 가정해보세요
<input type="text" id="txt" /> <button type="button" onclick="get_text();">Go</button>
Go 버튼을 클릭하면 사용자가 텍스트 상자에 입력한 내용이 팝업되어 원본 JavaScript 코드를 사용하여 작성할 수 있습니다. 이렇게
alert(document.getElementById('txt').value);그리고 jQuery를 사용하면
alert($('#txt').val());로 간단하게 작성할 수 있습니다. document.getElementById를 사용하여 지정된 ID를 가진 요소를 가져오고 jQuery를 사용하면 $('# ') 이 모든 것을 완료하려면
jQuery의 주요 아이디어는: 적은 코드, 더 많은 기능
jQuery 라이브러리에는 다음 기능이 포함되어 있습니다.
HTML 요소 선택
HTML 요소 작업
CSS 작업
HTML 이벤트 기능
JavaScript 특수 효과 및 애니메이션
HTML DOM 탐색 및 수정
AJAX
팁 : 또한 Jquery는 대규모 플러그인 수.
jQuery 학습 조건
HTML(CSS 포함, 웹 페이지에 필요한 기본 지식)
JavaScript(jQuery는 JavaScript보다 간단하지만 jQuery의 다양한 구문은 JavaScript에서 유래합니다.)
PHP(jQuery는 프런트엔드 기술이며 백엔드와
jQuery는 모든 브라우저에서 사용할 수 있나요?
jQuery 커뮤니티는 현재 다양한 브라우저에서 JS와 많은 호환성 문제가 있다는 것을 알고 있습니다. , Internet Explorer 6 포함!
먼저 jQuery 예제를 살펴보겠습니다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>如果你点我，我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>프로그램을 실행하고 사용해 보세요
