jQuery Le premier programme jquery

jquery Nous avons l'habitude de l'appeler jq

Écrivons le premier programme jq

Cliquez sur un bouton pour ajouter du texte au 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>

Regardez le code ci-dessus : D'abord Lorsque nous écrivons du code jq

nous devons d'abord écrire

$(function(){

Bloc de code

})

Ensuite, nous écrivons le code fonctionnel dans le bloc de code

Formation continue

nouveau fichier

<!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>

soumettre Réinitialiser le code

Opération automatique