简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

jQuery Program jquery pertama

jquery Kami biasa memanggilnya jq

Mari kita tulis program jq pertama

Klik butang untuk menambah teks pada 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>

Lihat kod di atas : Pertama Apabila kita menulis kod jq

kita mesti terlebih dahulu menulis

$(function(){

Blok kod

})

Kemudian kami menulis kod berfungsi dalam blok kod

Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492108 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！