<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Traverser des objets jquery</title> ;
<script src="../jquery-3.3.1.js"></script>
<script>
$("button").click(function () {
"li"). CSS ("color", "red");
// Le code qui a été annoté ci-dessus peut remplir plus de fonctions avec la fonction this {
$(this).css("color","red").html( i+"---"+"www.php.cn");
});
})
</head>
<body>
<button type="button" name="button" >Veuillez cliquer pour changer la couleur</bouton>
<ul>
/li> <li> lt;/body>
</html> ;
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Si votre code js est écrit sur <body>, vous devez ajouter une fonction de saisie
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Traverse d'objets jquery </title>
<li>Site Web chinois PHP 01</li><li>Site Web chinois PHP 02</li><li>Site Web chinois PHP 03</li>< li>Site Web chinois PHP 04</li><li>Site Web chinois PHP 05</li></ul></body><script src="https:// code.jquery.com /jquery-3.2.1.min.js"></script><script>$("bouton").click(function () {//Ce qui précède ligne de code commenté, utilisez cette fonction pour compléter plus de fonctions $("li").each(function (i) {$(this).css("color","red").html(i+" -- -"+"www.php.cn");});})</script></html>