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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX