jQuery 최초의 jquery 프로그램

jquery jq라고 부르는 데 익숙합니다

첫 번째 jq 프로그램을 작성해 보겠습니다

div에 텍스트를 추가하려면 버튼을 클릭하세요

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>第一个jquery程序</title>
	<style type="text/css">
		#dv{
			width:150px;
			height:150px;
			border:1px solid red;
		}
	</style>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> //引入js 
	<script>
		$(function(){
			$('#but').click(function(){
				$('#dv').html("php中文网");
			});
		});
	</script>
</head>
<body>
	<div id="dv"></div><br>
	<input type="button" value="按钮" id="but">
</body>
</html>

위의 코드를 보세요 : 먼저 jq 코드

를 작성할 때 먼저

$(function(){

코드 블록

})<🎜을 작성해야 합니다. >

그런 다음 코드 블록에 기능 코드를 작성합니다

다음 섹션

새로운 파일

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>第一个jquery程序</title>
	<style type="text/css">
		#dv{
			width:150px;
			height:150px;
			border:1px solid red;
		}
	</style>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
	<script>
		$(function(){
			$('#but').click(function(){
				$('#dv').html("php中文网");
			});
		});
	</script>
</head>
<body>
	<div id="dv"></div><br>
	<input type="button" value="按钮" id="but">
</body>
</html>

제출하다 코드 재설정

자동운전

전체 화면