jQuery 튜토리얼

jQuery Tutorial

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

jQuery는 JavaScript 프로그래밍을 크게 단순화합니다.

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">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果你点我，我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>

jQuery 예제

이 튜토리얼에서는 튜토리얼과 다양한 온라인 예제를 통해 jQuery를 사용하여 JavaScript 효과를 적용하는 방법을 배웁니다.

다음 섹션

새로운 파일

<!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"></script>
</head>
<body>
 <div id="divMsg">Hello World!</div> 
	<input id="btnShow" type="button" value="显示" /> 
	<input id="btnHide" type="button" value="隐藏" /><br /> 
	<input id="btnChange" type="button" value="修改内容为 Hello World, too!" /> 
	<script type="text/javascript" > 
		$("#btnShow").bind("click", function(event) { $("#divMsg").show(); }); 
		$("#btnHide").bind("click", function(event) { $("#divMsg").hide(); }); 
		$("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); }); 
	</script> 
</body>
</html>

제출하다 코드 재설정

자동운전

전체 화면