<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
< ;title>jquery オブジェクトのトラバース</title>
<script src="../jquery-3.3.1.js"></script>
<script>
$( " button").click(function () {
$(this).css("color" ,"red").html(i "---" "m.sbmmt.com");
});
})
;button type="button" name=" button">クリックして色を変更してください</button>
<ul>
;PHP 中国語 Web サイト 02</li>
;/li>
</ul>
</body>
</html>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
JSコードが<body>に記述されている場合は、エントリ関数を追加する必要があります
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>jquery オブジェクトを走査する</title>
<li>PHP 中国語 Web サイト 01</li><li>PHP 中国語 Web サイト 02</li><li>PHP 中国語 Web サイト 03</li>< li>PHP 中国語 Web サイト 04</li><li>PHP 中国語 Web サイト 05</li></ul></body><script src="https:// code.jquery.com /jquery-3.2.1.min.js"></script><script>$("button").click(function() {//上記コメント化されたコードの行、この関数を使用してさらに関数を完成させます $("li").each(function (i) {$(this).css("color","red").html(i+" -- -"+"m.sbmmt.com");});})</script></html>