<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Melintasi objek jquery</title>
<skrip src="../jquery-3.3.1.js"></skrip>
<skrip>
$("butang").klik(fungsi () {
"li"). CSS ("warna", "merah");
// Kod yang telah diberi penjelasan di atas boleh melengkapkan lebih banyak fungsi dengan fungsi ini. $(ini
</kepala>
<badan>
<). ;button type="button" name="button">Sila klik untuk menukar warna</button>
<ul>
/li>
…
</ul> ;
</body>
</html>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jika kod js anda ditulis pada <body>, anda perlu menambah fungsi entri
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<tajuk jquery </title>
<li>Tapak web PHP Cina 01</li><li>Tapak web PHP Cina 02</li><li>Tapak web PHP Cina 03<< li>Tapak web PHP Cina 04</li>
<li>Tapak web PHP Cina 05</li>
</ul>
</body>
;skrip rc< code.jquery.com /jquery-3.2.1.min.js"></script><skrip>$("butang").klik(fungsi () {//Di atas baris kod yang diulas , gunakan fungsi ini untuk melengkapkan lebih banyak fungsi $("li").setiap(fungsi (i) {$(ini).css("warna","merah").html(i+" -- -"+"www.php.cn");});})</script></html>