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>

提出するリセットコード

自動運転